Подключение шрифтов

Для подключения шрифтов существует директива @font-face. С её помощью можно подключить и использовать на странице любой шрифт из файла на хостинге (сервере).

При загрузке сайта браузер будет брать шрифт из указанного файла и отображать текст именно этим шрифтом. Данный метод исключает блокировки CDN, и у вас с гарантией 99%* будет отображен правильный шрифт (*шрифт может не поддерживаться браузером или средой отображения).

Пример:

@font-face{
    font-family: PTRootUI_Regular;
    display: swap;
    font-display: swap;
    src: url("../fonts/PT_Root_UI_Regular.woff") format("woff"),
        url("../fonts/PT_Root_UI_Regular.woff2") format("woff2"),
        url("../fonts/PT_Root_UI_Regular.eot"),
        url("../fonts/PT_Root_UI_Regular.ttf") format("opentype");
}