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 January 2020.

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