FontFaceSet: loadingerror イベント
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年1月.
loadingerror イベントは、フォントの読み込みが完了したが、一部またはすべてのフォントの読み込みに失敗した場合に発生します。
構文
このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("loadingerror", (event) => {});
onloadingerror = (event) => {};
例
次の例では、フォント Ephesis が読み込めなかった場合、"Font loading error" とコンソールに出力されます。
js
document.fonts.onloadingerror = () => {
console.log("Font loading error");
};
(async () => {
await document.fonts.load("16px Ephesis");
})();
仕様書
| Specification |
|---|
| CSS Font Loading Module Level 3 # dom-fontfaceset-onloadingerror |
ブラウザーの互換性
Loading…