CSS Font Loading API

This translation is incomplete. この記事の翻訳にご協力ください

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

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 完全対応 4.0
FontFace() constructorChrome 完全対応 35Edge ? Firefox 完全対応 41IE ? Opera 完全対応 22Safari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 41Opera Android 完全対応 22Safari iOS 完全対応 10Samsung Internet Android 完全対応 4.0
display
実験的
Chrome 完全対応 60Edge ? Firefox 完全対応 58IE ? Opera 完全対応 47Safari 完全対応 11WebView Android 完全対応 60Chrome Android 完全対応 60Firefox Android 未対応 なしOpera Android 完全対応 44Safari iOS 未対応 なしSamsung Internet Android 完全対応 8.0
family
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
featureSettings
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
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 完全対応 5.0
完全対応 5.0
未対応 4.0 — 5.0
補足
補足 Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
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 完全対応 5.0
完全対応 5.0
未対応 4.0 — 5.0
補足
補足 Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
status
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
stretch
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
style
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
unicodeRange
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
variant
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
weight
実験的
Chrome 完全対応 35Edge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 37Chrome Android 完全対応 35Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
Available in workersChrome 完全対応 69Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 69Chrome Android 完全対応 69Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 10.0

凡例

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