Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как добавить шрифт в css google fonts

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
03 ноября 2021

Для подключения шрифта из библиотеки Google Fonts достаточно выполнить несколько простых действий:

  1. Найти нужный шрифт из библиотеки
  2. Выбрать необходимые начертания. Например, только Regular и Bold. Здесь всё зависит от того, что конкретно необходимо на сайте

После этого вам предложат несколько способов подключения шрифта: через HTML или через CSS. Для подключения через CSS используется конструкция @import

Например, если выбрать шрифт Roboto с начертанием Thin, то будет предложено подключить шрифт следующей строчкой:

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

Поместите её в самом начале своего основного CSS файла. Теперь можно использовать шрифт

0 0
Бесплатно
Основы HTML и CSS
Теория и практика с нуля
Перейти к курсу

Похожие вопросы

Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»