Вопрос:
Как создать очень тонкие шрифты с помощью CSS, например,
Сейчас я использую это, но я нахожусь на mac, и я не думаю, что “Helvetica Neue” поддерживается в Windows.
h1{ font-size:64px; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:100; }
Любые идеи для тонких, четких шрифтов?
Лучший ответ:
Google использует свои API шрифтов и CSS @font-face
См. следующую ссылку в своем коде:
<link href=»//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin» rel=»stylesheet»>
Ниже приведено точное определение, которое “регистрирует” указанный шрифт:
@font-face { font-family: ‘Open Sans’; font-style: normal; font-weight: 400; src: local(‘Open Sans’), local(‘OpenSans’), url(‘http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff’) format(‘woff’); }
Затем они просто применяют этот шрифт к элементу /s:
h1, h2, h3, h4, blockquote, q, .maia-nav ul { font-family: ‘open sans’,arial,sans-serif; }
Примечание. @font-face Шрифты не отображаются в браузерах уровня ниже. Если вам нужно их поддержать, попробуйте http://cufon.shoqolate.com/
Ответ №1
Просто возьмите этот шрифт из Google Web Fonts.
Выберите нужные шрифты, выберите стили ( жирный, курсив и т.д.), и Google предоставит вам элемент <link /> для включения в ваш HTML.
Этот текущий шрифт называется Open Sans:
<link href=’http://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’>
Теперь вы можете использовать его:
font-family: ‘Open Sans’, sans-serif; Ответ №2
Я использую Google Fonts. Тонкий пример: