Webフォントを早く表示させるコツはありますか?
Webフォントの表示速度についてはサーバやWebページのコンテンツ内容が影響することがございますので、下記のA・Bを見直して頂くことをおすすめします。
A:CSSでフォント名を2つ指定していないか
B:サーバの環境 (回線速度・OS・ハードウェア)
A:CSSでフォント名を2つ指定していないか
日本語と英文で同じフォントを指定している場合、それぞれに対しサブセット処理を行い、同じフォントデータが2つ生成されるため、処理時間及びフォントデータの配信時間が2重にかかってしまいます。
font-family: "FOT-マティス Pro B", "MatissePro-B";
↓ そこで、いずれか1つのフォント名を削除してください。
font-family: "FOT-マティス Pro B";
または
font-family: "MatissePro-B";
B:サーバの環境 (回線速度・OS・ハードウェア)
HTMLやCSS等を置いているサーバの処理速度が遅ければ、JavaScriptの処理を開始するまでに時間がかかるため、表示速度も遅くなってしまいます。