Правило @font-face позволяет определить настройки шрифтов, а также загрузить специфичный шрифт на компьютер пользователя. Например, для установки своего шрифта:
@font-face {
font-family: Fira; /* Имя шрифта */
src: url(font/fira.ttf); /* Путь к файлу со шрифтом */
}
pre {
font-family: Fira; /* Использование шрифта */
}