CSS очень тонкий шрифт?

Вопрос:Как создать очень тонкие шрифты с помощью 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 См.

Вопрос:

Как создать очень тонкие шрифты с помощью 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&amp;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. Тонкий пример:

https://fonts.google.com/specimen/Raleway

Оцените статью
Добавить комментарий