Я не могу оставить без внимания тот факт, что сервис Google Fonts является «новинкой» для многих вебмастеров и владельцев сайтов.
Что же позвольте представить вам — сервис, с помощью которого любой желающий может подключить или загрузить представленные шрифты себе на сайт или блог.
На данный момент в сервисе насчитывается 809 различных шрифтов, 68 из которых русскоязычные (Cyrillic).
Сервис Google Fonts предоставляет шрифты бесплатно и не требует регистрации.
Популярные шрифты Google Fonts
Среди шрифтов Google можно найти и полюбившиеся дизайнерам и вебмастерам:
К каждому шрифту предлагается сопутствующий шрифт, комбинация заголовком и текста, например.
Подключение Google шрифтов к сайту
Существует два способа подключения Google шрифтов:
Первый способ подключения: добавление кода в шапку сайта
Достаточно выбрать нужный шрифт, скопировать полученный код, вставить в шапку и в css файл.
head:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"/>
css:
font-family: 'Lobster', cursive;
Второй способ подключения: загрузка файла ttf
Загружаем архив, достаем из него ttf-файл, загружаем его в корневую папку (либо в любую другую), подключаем стили в css.
css:
@font-face {
font-family: Lobster; /* имя шрифта для CSS правил */
src: local("Lobster"), /* проверяем наличие шрифта в ОС пользователя */
url(/wp-content/themes/marseo/Lobster-Regular.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}
body{font-family: 'Lobster', cursive}
