@font-face

Свойство задает общие настройки шрифтов, а также загружает специфичный шрифт на компьютер пользователя. Внутри конструкции находиться набор свойств для изменения параметров шрифта (font-family, font-size, font-style), а также ссылка на файл шрифта.

Примеры

@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url(Montserrat-Bold.ttf);
  font-weight: bold;
}

Значения

Директива	Значение	Описание
font-family	название	название шрифта
src	путь	относительный или абсолютный путь к файлу шрифта
font-stretch	`normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded`	Определяет, как следует растягивать шрифт. Значение по умолчанию – `normal`.
font-style	`normal italic oblique`	Определяет стиль шрифта. Значение по умолчанию – `normal`.
font-weight	`normal bold 100 200 300 400 500 600 700 800 900`	Определяет жирность шрифта. Значение по умолчанию – `normal`.
unicode-range	Unicode-значение	Определяет диапазон символов Юникода, поддерживаемых шрифтом. Значение по умолчанию – `U+0-10FFFF`.

Поддержка браузерами

НастольныеМобильные

Chrome

Edge

Firefox

Opera

Safari

Chrome

Firefox

Opera

Safari

Samsung

Android

Поддерживается: Да