CSSFontFeatureValuesRule: свойство fontFamily

Базовая версия 2023

Новое

С марта 2023 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Свойство fontFamily интерфейса CSSConditionRule представляет собой имя семейства шрифтов, к которому оно применяется.

Значение

Строка.

Примеры

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

В этом примере мы объявляем два @font-feature-values, по одному для семейства шрифтов Font One и Font Two. Затем мы используем CSSOM для чтения этих семейств шрифтов и отображаем их в логе.

<pre id="log"></pre>

CSS

/* At-rule for "nice-style" in Font One */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* At-rule for "nice-style" in Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
}

/* Apply the at-rules with a single declaration */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

JavaScript

const log = document.getElementById("log");
const rules = document.styleSheets[document.styleSheets.length - 1].cssRules;

const fontOne = rules[0]; // A CSSFontFeatureValuesRule
log.textContent = `The 1st '@font-feature-values' family: "${fontOne.fontFamily}".\n`;

const fontTwo = rules[1]; // Another CSSFontFeatureValuesRule
log.textContent += `The 2nd '@font-feature-values' family: "${fontTwo.fontFamily}".`;

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

Спецификация
CSS Fonts Module Level 4 # dom-cssfontfeaturevaluesrule-fontfamily

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`fontFamily`	111	111	34	97	16.2	111	34	75	16.2	22.0	111

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSFontFeatureValuesRule/fontFamily