Подключение уникальных шрифтов css (2020)

Описание: Бывает дизайнер присылает верстальщику не только макет, но и папку со шрифтами. И во избежание проблем, верстальщику необходимо уметь выполнять подключение уникальных шрифтов css + google fonts «руками».
Разберем свойства:
font-family — устанавливает название для нашего шрифта.
font-style — устанавливает тип стилизации.
font-weight — отвечает за начертание, или по простому «жирность».
font-display — настраивает поведение шрифта, в зависимости от того готов ли он к использованию. Например «swap» означает что, если шрифт не готов, блок должен быть отрендерен (отрисован) запасным шрифтом.
src — настраивает путь к нашему файлу со шрифтом. В нем значение «local» проверяет, не установлен ли у пользователя этот шрифт (для надежности используем два различных имени). «Url» отвечает за путь к файлу со шрифтом, а «format», дает браузеру возможность подобрать наиболее подходящий формат шрифта.
Видео основано на этих статьях:
https://vefolio.tk/states/connection-...
https://vefolio.tk/states/connecting-...
Наш сайт: https://aie24.ru/

#html
#css
#созданиесайтов
#вёрстка