Elementorのフォントが完全なソリューションを表示しない

出会いはエレメンタフォントが表示されない時、どうしますか？elementorの公式トラブルシューティングドキュメントによると、この記事ではGoogle Fontsとカスタムフォントがフロントエンドで表示されない問題に焦点を当て、原因から対処法まで、ステップバイステップで解決していきます。
対象範囲：マルチサイト移行、SSLアップリンク、ドメイン名変更のシナリオを含むElementor無料版とPro版。

1.エディターでは問題なく使えるのに、フロントエンドではフォントが消えてしまうのはなぜですか？

トリガーポイント	その理由	ブラウザのパフォーマンス
インターセプトされたクロスドメインリクエスト（CORS）	フォントはまだ古いドメインやサブドメインを指しており、ブラウザはソースの不整合を検出して読み込みを拒否している。	403/404がNetworkパネルに表示され、コンソールが次のようなプロンプトを出す。はCORSポリシーによってブロックされている
ミックスコンテンツ	ページはHTTPSにアップグレードされましたが、CSSはまだ次のように表示されています。 `http://.../font.woff2`	コンソール・チップミックスコンテンツフォント要求はブロックされる。

2.問題の迅速な診断

フロントエンドページを開く → F12 → コンソール とともに ネットワーク.
検索 "CORS「またはミックスコンテンツ" キーワード

エラーレポートに表示された内容をメモしておく。フォントファイルの完全なURL(その後の1回限りの交換を容易にするため）。

3.Elementorフォントが表示されないよくあるシナリオ

状況特有の事情	残りやすい古いURL
ローカル/一時ドメインからフルドメインへの移行	`http://mystaging.local/wp-content/uploads/...`
SSLを有効にしたばかりのサイト	`http://example.com/wp-content/uploads/...`
ドメイン名の変更またはサブディレクトリを追加する	`https://old.example.com/...` もしかしたら `https://example.com/sub/...`
WordPressの設定ページにはまだこう書かれている。 HTTP	`http://example.com/...`(http付サイトリソース全文)

4.リハビリステップ

4.1 安全なリンクでバックオフィスにログインする

常に入力する https://your-site.com/wp-admin.
と入力すると http:// セッションで、WordPressはすべての安全でないリンクを返します。カスケーディングスタイルシートエラーは後からついてくる。

4.2 WordPressとサイトアドレスの確認と変更

入り込む 設定 → 一般.
ワードプレスアドレス とともに サイトアドレス すべてはここから始まる https:// 始まりです。
そうでない場合https://編集後「変更を保存」。

4.3 Elementorによる古いURLの一括置換

Elementor → ツール → URLの置換.
古い値 埋めるエラーを報告する完全なドメイン名またはプロトコル（例 http://old.example.com).
新しい値 新しいドメイン名を書く（例 https://example.com).

4.4 リセットグーグルフォントローディング方法

Elementor → 設定 → 詳細.
グーグルフォントの読み込み 一時的に別のアイテムに切り替える（例）。 ブロック).
保存→ページ更新→元の値に戻す→再度保存。

このスイッチを変更すると、Elementorの書き換えがトリガーされます。 フォント・フェイスキャッシング・レイヤーが最新のリンクを捕捉できるようにする。

4.5 リンク全体のキャッシュ・クリーンアップ

キャッシュ層	操作位置
サーバー（オブジェクト・キャッシュ／OPcacheなど）	ホスティングパネル、SSH、またはサービスプロバイダーへのお問い合わせ
ワードプレスのキャッシュプラグイン	クリーン/リフレッシュ "内のプラグインダッシュボード
シーディーエヌ	CDNコンソールの「パージ」機能
ブラウザ	キャッシュクリア後のハードリフレッシュ（Chromeで利用可能） `Ctrl+Shift+R`)

5.CORSと混合コンテンツの全廃

サーバー・レベル・プラス アクセス制御-許可-オリジン CDNを使用する場合は、CDNルールを記述してください。

ヘッダーセット Access-Control-Allow-Origin "*"

フォントを事前に読み込む
- クロスオリジン 匿名リクエストが再び傍受されないようにする。
- 取りあわせる <head> タイミングを合わせるのに役立つ。

<link rel="preload" as="font" type="font/woff2" href="https://example.com/wp-content/uploads/…/custom.woff2" crossorigin>

HTTPSを唯一のエントリーポイントにする
- ある .htaccess またはNginxコンフィギュレーションでサイト全体に 301.
- 検索エンジンとソーシャルシェアは安全なURLを指すので、その後の編集でコンテンツが混在する心配はない。
フォントのサブセットを使う
- Google フォントが欧文グリフしか必要ないときは、 family クエリパラメタに下記のように追加することができます。 サブセット=ラテン語.
- ファイルが小さく、読み込みが速く、エラーの確率が低い。

6.よくある質問とトラブルシューティング

課題	調査のアイデア
あるブラウザでのみエラー	ブラウザが古いキャッシュを保持している可能性があります。プライベートモードで試してみてください。
CDNヒット数は0に	新しいURLは古いURLと同じではなく、CDNによってまだインデックス化されていません。
フォントファイル 404	アップロードディレクトリに複数のサブディレクトリがないことを確認してください。パスがずれていると、Elementorがリソースを見つけられないことがあります。
フォント・フリッカー（FOIT）	エレメンタの設定 `フォント表示` 問い合わせる `スワップ` もしかしたら `フォールバック`白い画面を避ける

7.概要

Elementorのフォントが表示されない主な原則：URLの一貫性、プロトコルの統一、キャッシュの同期。
この記事にある7つのステップを実行する：

安全なログイン方法
住所変更
URLの置換
フォントパラメータのリセット
すべてのレベルでキャッシュをクリアする
クロスドメインとプリロードの設定
ブラウザ・コンソールを見直す

完了後、Elementorのフロントエンドのフォントは正常に戻り、その後の移行やドメインの変更は、もう一度このプロセスに従って、トラブルシューティングの時間を大幅に節約することができます。

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