Що робить правило @font-face?

CSSJunior~1 хв читання

@font-face дозволяє підключати власний шрифт (локальний файл) і використовувати його через font-family. Приклад:

css

@font-face {
  font-family: "MyFont";
  src: url("fonts/MyFont.woff2") format("woff2");
}

p {
  font-family: "MyFont", sans-serif;
}

За допомогою @font-face браузер завантажить вказаний файл і застосує його, як звичайний шрифт.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.