このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CSSFontFaceRule
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
CSSFontFaceRule インターフェイスは @font-face アットルールを表します。
インスタンスプロパティ
祖先である CSSRule からプロパティを継承しています。
CSSFontFaceRule.style読取専用-
CSSStyleDeclarationを返します。
インスタンスメソッド
祖先である CSSRule からメソッドを継承しています。
例
この例では、 @font-face ページに例として挙げられている CSS を使用しています。最初に返される CSSRule は CSSFontFaceRule になります。
css
@font-face {
font-family: MyHelvetica;
src:
local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSFontFaceRule
仕様書
| 仕様書 |
|---|
| CSS Fonts Module Level 4 # om-fontface |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。