Elementorのカスタムフォントがライブサイトに表示されません

Elementorの使用 カスタムフォント機能よくある問題はカスタムフォントがライブサイトに表示されない.

この問題にはいくつかの理由があります。キャッシュ、HTTP/HTTPS設定、CORSエラーなど。この記事では、考えられる原因と解決策を詳しく分析します。

考えられる原因と解決策

キャッシュの問題

この問題はキャッシュの問題が原因かもしれません。

キャッシュを消去::

• WordPressのキャッシュプラグインをクリアします（キャッシュプラグインを使用している場合）。
• CDNアクセラレーションなどを使用している場合は、サーバーのキャッシュをクリアしてください。
• ブラウザのキャッシュをクリアしてください。
• すべてのキャッシュをクリアした後、もう一度確認してください。 ブラウザのキャッシュが完全にクリアされていない場合は、別のブラウザを使用するか、シークレット モードでブラウズする必要があります。

HTTP/HTTPSの不一致

最近 HTTP から HTTPS に移行した場合は、次のように再アップロードする必要があります。フォントファイル.

フォントファイルを再アップロードするには::

1.WordPressのダッシュボードからElementor > カスタムフォント. 

2. リストされた URL がhttps冒頭で下ろし.

3.クリック「アップロードファイルを再アップロードしてください。

4.ナビゲート先Elementor > Tools.

5.クリック"CSSとデータを再生成する"。httpsを開くと、フロントエンドにフォントが表示されるはずです。
それでもうまくいかない場合は、前回のHTTPSへの移行時に別の問題が発生した可能性があります。

6.ナビゲーションElementor > ツール > URLの置換.

7.右側のペインでサイトアドレス（URL）の更新パート

8.旧URLフィールドに、URLの名前をHTTPサイトのURL 

9.新しいURLの欄に、URLの名前をHTTPSサイトのURL

10.クリックします。"URLの置換".

11.下にスクロールして「変更を保存ボタン。

12.ナビゲーション"設定" > "一般".

13.確保ワードプレスアドレス（URL）歌で応えるサイトアドレス（URL）にはhttps始まりです。

コンソールでのCORSエラー

カスタムフォントが表示されずブラウザコンソールで受信したCORSエラーサーバーのCORSポリシーを変更するには、サーバープロバイダーに連絡する必要があります。 

インポートしたテンプレートのフォントに関する問題

カスタムフォントを含む Elementor テンプレートがインポートされた場合、これらのフォントが自動的にインポートされず、フォントが表示されないことがあります。

解決策

• カスタムフォントを手動で Elementor > カスタムフォント.テンプレートをインポートする際は、すべてのフォントが正しく追加されていることを確認してください。

選択したフォントの太さは使用できません

カスタムフォントは、すべてのフォントの太さに対応していない場合があります。組版設定でフォントの太さが選択されているにもかかわらず、カスタムフォントファイルにその太さが含まれていない場合、フォントがまったく表示されないことがあります。

解決策

• Elementor のカスタムフォントに適用されるフォントの太さを選択します。必要に応じて、フォントデザイナーに相談し、フォントがサポートする太さのオプションをすべて理解していることを確認してください。

無効なカスタムコード

無効なカスタムCSSまたはJavaScriptコードは、カスタムフォントが正しく表示されないなど、サイトの表示に影響を与える可能性があります。

解決策

• コードの問題を特定できない場合は、カスタムコードを一時的に無効にして、フォントが表示されるようになるかテストしてください。

すべてのフォントバリアントは含まれていません

デバイスやブラウザによってフォントの扱いが異なる場合があります。そのため、カスタムフォントがすべてのデバイスで正しく表示されるようにするには、以下のような必要なフォントバリアントをすべてアップロードする必要があります。 .ttfそして.svgそして.woffそして.woff2 歌で応える イート.

解決策

フォントファイルのすべてのバリアントがアップロードされていることを確認してください。バリアントが欠けていると、次のような問題が発生する可能性があります：

• フォントがデフォルトフォントにフォールバック
• ウェブサイトにテキストが表示されない

このような問題を避けるために、異なるブラウザやデバイスの表示ニーズをサポートする完全なフォントバリアントをアップロードするようにしてください。