font-family

Базовая линия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с сентября 2016 года.

Дескриптор font-family CSS задает семейство шрифтов для шрифта, указанного в правиле @font-face.

Это значение используется для сопоставления имени с конкретным @font-face при стилизации элементов с помощью свойства font-family. Можно использовать любое имя, и оно переопределяет любое имя, указанное в исходных данных шрифта.

Синтаксис

/* <string> values */
font-family: "font family";
font-family: "another font family";

/* <custom-ident> value */
font-family: example-font;

Значения

<family-name>: Указывает имя семейства шрифтов.

Формальное определение

Связанное правило at-rule	`@font-face`
Начальное значение	`n/a (required)`
Вычисленное значение	как указано

Формальный синтаксис

font-family = 
  <family-name>  

<family-name> = 
  <string>         |
  <custom-ident>+

Примеры

Установка имени семейства шрифтов

@font-face {
  font-family: "Some font family";
  src: url("some_font_name.ttf");
}

Спецификации

Спецификация
CSS Fonts Module Level 4 # font-family-desc

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`font-family`	4	12	3.5	10	3.1	18	4	10.1	2	1.0	2.2

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-family