この翻訳は不完全です。英語から この記事を翻訳 してください。

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSS Font Loading API は動的にフォントリソースをロードするイベント及びインターフェースを提供します。

Interfaces

FontFace
使用可能な単一フォントを表します
FontFaceSet
フォントをロードし、ダウンロードステータスをチェックします
FontFaceSource
A mixin providing all of the fonts used in font-related operations, unless defined otherwise. It defines the FontFaceSources.fonts property available to Document and WorkerGlobalScope.
FontFaceSetLoadEvent
いつでも FontFaceSet をロードするイベントを発火します.

仕様

仕様 状況 コメント
CSS Font Loading Module Level 3 草案 初期定義

ブラウザ互換性

FontFace interface

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
FontFaceChrome 完全対応 35Edge ? Firefox 完全対応 41IE ? Opera 完全対応 22Safari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 41Opera Android 完全対応 22Safari iOS 完全対応 10Samsung Internet Android ?
FontFace() constructorChrome 完全対応 35Edge ? Firefox 完全対応 41IE ? Opera 完全対応 22Safari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 41Opera Android 完全対応 22Safari iOS 完全対応 10Samsung Internet Android ?
display
実験的
Chrome 完全対応 60Edge ? Firefox 完全対応 58IE ? Opera 完全対応 47Safari 完全対応 11WebView Android 完全対応 60Chrome Android 完全対応 60Firefox Android 未対応 なしOpera Android 完全対応 44Safari iOS 未対応 なしSamsung Internet Android ?
family
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
featureSettings
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
load
実験的
Chrome 完全対応 45
完全対応 45
未対応 35 — 45
補足
補足 Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 45
完全対応 45
未対応 37 — 45
補足
補足 Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Chrome Android 完全対応 45
完全対応 45
未対応 35 — 45
補足
補足 Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
loaded
実験的
Chrome 完全対応 45
完全対応 45
未対応 35 — 45
補足
補足 Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 45
完全対応 45
未対応 37 — 45
補足
補足 Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Chrome Android 完全対応 45
完全対応 45
未対応 35 — 45
補足
補足 Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
status
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
stretch
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
style
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
unicodeRange
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
variant
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
weight
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
Available in workersChrome 完全対応 69Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 69Chrome Android 完全対応 69Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

ドキュメントのタグと貢献者

このページの貢献者: isdh
最終更新者: isdh,