Material Iconsの読み込み中に代替テキストを表示させない方法

Material Icons を使用している中で、アイコンを読み込んでいる間に一瞬表示される「代替テキスト」。アイコン表示が遅れるほど目にする機会がありますが、見た目的にあまりよろしくないと思う場合は、以下の方法で表示しないようにできます。

代替テキストを非表示にする

Material Icons を使うために HTML にペーストしたコード内の URL に、「 font-display 」の値のひとつを追加します。
&display=block
<link href='https://fonts.googleapis.com/icon?family=Material+Icons&display=block' rel='stylesheet'>
ハイライト箇所が追加した部分です。
「 block 」を指定することで、アイコンの読み込み中は何も表示しなくなります。

font-display とは

Web フォントなどが完全に読み込まれる前に、どう処理するかを指定する CSS のプロパティ。値には「 swap 」や「 block 」などがあり、代替テキストを即表示させたい Web フォントなどは、コードに「 swap 」が記述されています。