Метод @font-face в HTML позволяет подключать пользовательские шрифты. 2 Браузер загружает шрифты в кэш и использует их для оформления текста на странице. 2

Чтобы подключить шрифт с помощью правила @font-face, нужно: 2

1. Загрузить файл шрифта на сервер в нескольких форматах для поддержки всеми браузерами. 2
2. Указать название шрифта. 2 Оно может отличаться от настоящего названия шрифта. 3
3. Прописать ссылку на файл и задать описание шрифта. 2
4. Добавить имя шрифта в свойство font-family элемента, который будет отображаться данным шрифтом. 2

Если браузер по какой-либо причине не сможет загрузить данный шрифт, он выберет подходящий из списка шрифтов. 2 Он перебирает их в указанном порядке до тех пор, пока не найдёт шрифт, который сможет успешно использовать. 2

Для каждого встраиваемого шрифта, а также для каждого начертания нужно задавать отдельное правило @font-face. 2 Нельзя объявить в одном правиле два разных шрифта или шрифт одного семейства, но разных стилей и веса. 2