CSSFontFaceRule: свойство style
Базовая линия Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с сентября 2016 года.
Только для чтения style свойство интерфейса CSSFontFaceRule возвращает информацию о стиле из @font-face правила. Это будет в виде объекта CSSStyleDeclaration.
Значение
Объект CSSStyleDeclaration.
Примеры
Этот пример использует CSS, представленный в качестве примера на странице @font-face. Первое возвращённое CSSRule будет CSSFontFaceRule. Свойство style возвращает CSSStyleDeclaration с заполненными свойствами fontFamily, fontWeight, и src информацией из правила.
@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].style); //a CSSStyleDeclaration
Спецификации
| Спецификация |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfacerule-style |
Совместимость браузеров
| Десктопные | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | |
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/style