Помимо указания общих шрифтов, которые можно найти в большинстве операционных систем, мы также можем указать нестандартные пользовательские веб-шрифты для использования на нашем веб-сайте. В Интернете есть множество источников веб-шрифтов. В этом примере мы сосредоточимся на библиотеке Google Fonts.
Google Fonts - это бесплатная библиотека веб-шрифтов, которую вы можете использовать в своем CSS, ссылаясь на URL-адрес шрифта.
Итак, давайте продолжим и импортируем и применим шрифт Google. Чтобы импортировать шрифт Google Font, вы можете скопировать URL-адрес шрифта из библиотеки Google Fonts, а затем вставить его в свой HTML.
Шрифты, как и css css файлы, подключаются при помощи тега <link>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
В этом примере мы подключаем шрифт: "Lobster"
Теперь вы можете использовать шрифт Lobster в своем CSS, используя Lobster в качестве FAMILY_NAME, как в следующем примере:
font-family: FAMILY_NAME, GENERIC_NAME ;
. GENERIC_NAME является необязательным и является резервным шрифтом на случай, если другой указанный шрифт недоступен.
.example-class{
font-family: lobster san-serif;
}