Чтобы вставить шрифт в CSS, необходимо использовать правило @font-face. Например:
@font-face {
font-family: ‘MyFont’;
src: url(‘myfont.woff2’) format(‘woff2’),
url(‘myfont.woff’) format(‘woff’);
}
Здесь мы создаем новый шрифт с именем «MyFont» и указываем путь к файлам шрифта в форматах WOFF и WOFF2. После этого можно использовать этот шрифт в других правилах CSS:
body {
font-family: ‘MyFont’, sans-serif;
}
Здесь мы применяем шрифт «MyFont» к элементу body, а если этот шрифт недоступен, то будет использоваться шрифт без засечек (sans-serif).