トラブルシューティング
Webフォントの表示が遅いとき
ページに反映したWebフォントがすぐに表示されない現象の確認と対応方法をお知らせします。
Webフォントの表示速度は、CSSの記述方法やページを置いているサーバなどが影響することがあります。以下の項目を見直してみましょう。
- a：CSSでフォント名を2つ指定していないか
- b：サーバの環境 (回線速度・OS・ハードウェア)
a：CSSでフォント名を2つ指定していないか
日本語と英文で同じフォントを指定している場合、それぞれに対しサブセット処理を行い、同じフォントデータが2つ生成されるため、処理時間及びフォントデータの配信時間が2重にかかってしまいます。
font-family: "FOT-マティス Pro B","MatissePro-B";
そこで、どちらか1つのフォント名を削除してください。
font-family: "FOT-マティス Pro B";
b：サーバの環境 (回線速度・OS・ハードウェア)
HTMLやCSS等を置いているサーバの処理速度が遅ければ、JavaScriptの処理を開始するまでに時間がかかるため、表示速度も遅くなってしまいます。