Найти тему
Программизм, WEB 3.0

Google fonts как подключить шрифты?

Что бы подключить к своему сайту Google fonts (шрифты) пишем между тегами <head> HTML страницы следующий код:

<link href='https://fonts.googleapis.com/css?family=Rubik Distressed' rel='stylesheet'>

В этом коде я подключил гугл шрифт который называется Rubik Distressed, вместо него можно написать имя любого другого шрифта google.

Шрифты выбираем на сайте гугла >>

или здесь >>

При выборе можно включить фильтр по кириллице (cyrilic). Имя шрифта следует писать соблюдая регистр, то есть использовать большие и маленькие буквы как написано у гугла, иначе работать не будет.

В CSS файл добавляем следующий код (в примере меняем шрифт на всей странице).

body {font-family: 'Rubik Distressed';font-size: 22px; color: blue;}

Я думаю смысл понятен, главное тут font-family: 'Rubik Distressed'; мы указываем шрифт, который подключили на html странице.

Кстати шрифт который я подключил напоминает припорошенные снегом слова, и он легко подойдет для описания чего-то новогоднего, зимнего или холодного явления, продукта.

Пример если у нас нет отдельного файла css
Пример если у нас нет отдельного файла css