Как подключить шрифты Google fonts в файл html
Ответы
Nikita Mikhaylov
03 ноября 2021
Для подключения шрифта из библиотеки Google Fonts достаточно выполнить несколько простых действий:
- Найти нужный шрифт из библиотеки
- Выбрать необходимые начертания. Например, только 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>
0
0