javascript - マテリアル アイコンがいつロードされたかをキャッチする方法は?

Question

Google のこれらのアイコン フォントを使用しています: https://material.io/icons/

私は Web 拡張機能を開発していますが、Github のようないくつかの Web ページがアイコンをブロックしています。フォントが使用可能かどうかをバニラ js で確認しようとしています。フォントがロードされたかどうか。

私は setTimeOut を使用していますが、この方法は本当に嫌いです。

私のコード:

function confirmFont(view) {

     setTimeout(function(){
         if(!document.fonts.check("12px Material-Icons")) {
             .....
         }
     }, 2000);

 }

ドキュメントの準備とウィンドウの読み込みを試しましたが、これは機能しません。より具体的にする必要があります。

Answer 1

私は次の方法でこれを解決しました：

document.fonts.ready.then(function () {
    if(!document.fonts.check("12px Material-Icons")) {
        ...
    }
});