Как загрузить шрифт в CSS

Для загрузки шрифта в CSS необходимо выполнить следующие шаги:

1. Скачать шрифт в формате .ttf, .otf, .woff или .woff2.
2. Создать папку с названием «fonts» в корневой директории проекта и поместить в нее файлы шрифта.
3. В CSS файле добавить следующий код:

@font-face {
  font-family: "Название шрифта";
  src: url("fonts/название_шрифта.woff2") format("woff2"),
       url("fonts/название_шрифта.woff") format("woff");
}

4. Далее можно использовать этот шрифт в свойствах CSS для любых элементов, например:

body {
  font-family: "Название шрифта", sans-serif;
}

Где «Название шрифта» — это название, которое вы задали в свойстве font-family в @font-face.