|
 |
Google Шрифты - fonts.google.com Прикручиваем сами. ПодробнееСервис по внедрению шрифтов на сайт.
Русской версии нет, но есть русские шрифты (кириллические).ПреимуществаШрифты находятся на сервере Google, а не у вас на сайте. Что экономит время и увеличивает скорость загрузки. Что делать?Внимание, сервис развивается, растет количество шрифтов и возможности. Потому возможны на сайте изменения.- Script: - выбираем Cyrillic или Cyrillic Extended
- Вверху в Preview Text: можно ввести свой текст, выставить размер (Size:) и отсортировать шрифты по алфавиту, популярности ... Я выбрал по популярности. Мы ищем самый лучший шрифт из менее популярных. Менее популярный - значит реже его используют и он будет оригинальнее.
- Шрифт подбираем для заголовка (Sentence) или текста (Paragraph), в зависимости от того, как хотим использовать. Красивый шрифт для заголовка может быть не читабельным в тексте.
- Выбираем шрифт, который нам больше всего подходит Add to Collection и Quick-use.
- Берем код, который надо будет разместить в <HEAD>. Он в 3. Add this code to your website:, это ссылка вроде
<link
href='https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic'
rel='stylesheet' type='text/css'> - Возвращаемся и жмем внизу на синем поле Review (может придется открыть) и выбираем начертание (жирный, курсив ...), если шрифт это позволяет.
Во вкладке Test Drive гуляем по меню в правой колонке. Там много можно настроить, описывать будет сложнее, вы все сможете визуально видеть и выбрать, подогнать. Внизу основного поля на сером фоне будет код вроде: font-family: 'Ubuntu Condensed', sans-serif;
font-style: normal;
font-weight: 400; font-size: 13px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em; line-height: 1.4; Копируем его и вставляем куда нам надо в CSS.
font-style: normal;
font-weight: 400; font-size: 13px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em; line-height: 1.4; Копируем его и вставляем куда нам надо в CSS.
|
➥
|
