FontFaceSet: loadingerror イベント

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

ブラウザーの互換性

BCD tables only load in the browser