BLACK FRIDAY

остался 1 день

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

Как подключить шрифты Google fonts в файл html

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

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

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

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

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

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">

Теперь её можно подключить в секцию <head> вашего проекта и использовать шрифт на сайте:

<!DOCTYPE html>
<html lang="ru">
<head>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
</head>
<body>

</body>
</html>
Добавьте ваш ответ

Рекомендуемые курсы

позиционирование
HTML-элементы
CSS3
вёрстка
9 часов
Посмотреть
HTML5
CSS3
Developer Tools
Верстка
9 часов
Посмотреть
HTML
CSS3
CSS адаптивность
Bootstrap 5
10 часов
Посмотреть

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

1
ответ
1
ответ
1
ответ