CSSFontFaceRule

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

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

Интерфейс CSSFontFaceRule представляет собой @font-face правило.

Свойства экземпляра

Наследует свойства от предка CSSRule.

CSSFontFaceRule.style Только для чтения: Возвращает CSSStyleDeclaration.

Методы экземпляра

Наследует методы от предка CSSRule.

Примеры

В этом примере используется CSS, представленный в качестве примера на странице @font-face. Первое возвращенное CSSRule будет CSSFontFaceRule.

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"),
    url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSFontFaceRule

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

Спецификация
CSS Fonts Module Level 4 # om-fontface

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`CSSFontFaceRule`	1	12	3.5	≤12.1	3.1	18	4	≤12.1	2	1.0	4.4
`style`	1	12	3.5	≤12.1	3.1	18	4	≤12.1	2	1.0	4.4

© 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/CSSFontFaceRule