Elementorでカスタムフォントが表示されない問題を解決する方法 - Photon Flux｜WordPress 修理はワールドワイドで迅速対応のプロフェッショナルサービス

ElementorでWordPressページを編集しているときにカスタムフォントが表示されない。

考えられる原因と解決策

キャッシュの問題

この問題はキャッシュが原因である可能性があります。解決策も比較的簡単です：

キャッシュを消去::

(WordPress Cacheプラグインをクリア）。
サーバー側のキャッシュをクリアする。
ブラウザのキャッシュをクリアしてください。
すべてのキャッシュをクリアし、再度更新してご覧ください。
ブラウザのキャッシュが完全にクリアされていない場合は、別のブラウザを試すか、シークレットモードでブラウズしてください。

HTTP/HTTPSの不一致

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

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

1.WP管理画面のバックエンドからElementor > カスタムフォント.

2.リストされたURLが以下で始まっていない場合https冒頭で削除.

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

4.以下に移動するElementor > Tools.

5.クリック"CSSとデータの再生成". URLはこれで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ポリシーを変更する必要があります。ホスト型であれば、サーバーを購入したクラウドサービスプロバイダーに変更を依頼することができます。

テンプレートのインポート

インポートしたテンプレートにカスタムフォントが含まれている場合は、カスタムフォントを手動で追加する必要があります。テンプレート・フォントは自動的にインポートされません。

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

カスタムフォントは、利用可能なフォントの太さをすべて持っているとは限りません。レイアウトオプションで特定のフォントの太さを選択しても、カスタムフォントで利用可能な太さがない場合、カスタムフォントがまったく表示されないことがあります。この場合は、カスタムフォントで使用可能な別のフォントの太さを選択してください。わからない場合は、公式サイトを参照してください。

無効なカスタムコード

無効なカスタムCSSやその他のコードを追加すると、カスタムフォントを表示できないなど、さまざまな表示上の問題が発生する可能性があります。問題を解決するには、不正なコードを削除または修正してください。

すべてのフォントバリアントを除く

デバイスやブラウザによって、必要なフォントバリエーションが異なる場合があります。例えば、iOSデバイスでフォントが表示されない場合、.ttf .svg .woff .woff2 および .eot を含むすべてのフォントバリエーションをアップロードしていることを確認してください。

バリアントが欠落している場合、以下のいずれかが発生する可能性があります：

デフォルトフォントを表示する
テキストはウェブサイトに表示されません

これは、ブラウザによってフォントの表示が異なるために起こります。すべてのブラウザでフォントが一貫してレンダリングされるようにするには、すべてのフォントのバリアントを追加して、完全なブラウザサポートを実現する必要があります。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み