Elementorのグローバルフォントが機能しない？よくある5つの設定エラーと解決策

Elementorでウェブサイトをデザインする際、グローバルフォント機能を使えば、サイト全体のタイポグラフィースタイルを素早く統一することができ、モジュールごとにフォントを修正する手間を省くことができます。多くのウェブマスターは、グローバルフォントを設定したにもかかわらず、選択したフォントがフロントエンドページに表示されず、ページの視覚的な一貫性と全体的な美観に影響を及ぼしていることに気づきます。

この記事では、よくある5つの原因とトラブルシューティングの方法を紹介します。エレメンタ Elementor Free Editionのユーザーにグローバルフォントが適用されない問題。

間違い1：ウィジェットで「デフォルト」フォントを選択しない

問題の説明

Elementor グローバルフォントこれは、"デフォルト "フォント設定が選択されているガジェットにのみ適用されます。各テキストやキャプションを編集する際に、RobotoやLatoなどの特定のフォントが手動で選択された場合、要素はグローバルフォントではなくローカルフォントを使用します。

治療

無効なモジュールの編集へ
スタイル > レイアウト > フォントで、次のように設定します。書体特定のフォントではなく「デフォルト」に設定する

更新後のページのフロントエンドを見る

モジュールはElementorのグローバル設定で設定されたフォントを継承します。

エラー2：グローバル設定に保存されていない

問題の説明

のユーザーもいる。サイト設定 > グローバルフォント」でフォントを変更した後、「更新」をクリックして設定を保存するのを忘れてしまい、設定が適用されませんでした。

治療

Elementorエディタの左上メニュー > サイト設定に移動します。

グローバルフォントのページに行く。

フォントを修正したら「更新」ボタンをクリックします。

ブラウザをクリーンアップする(キャッシュそしてページを更新して効果を見る

間違いその3：テーマのCSS優先度がElementorの設定を上書きする

問題の説明

いくつかのWordPressテーマ（例えばアストラ(OceanWP、Blocksy)に付属しているタイポグラフィ設定は、CSSの優先順位によってElementorのグローバルフォントを上書きし、無効な設定になる可能性があります。

治療

WordPressバックエンド > 外観 > カスタマイズ > グローバル > タイポグラフィ（または関連するフォント設定）にアクセスします。

フォントを "Inherit "または "Default "に設定し、テーマが強制的にフォントを適用するのを避ける。

キャッシュをクリアして、Elementorのページフォントが機能しているか確認してください。

間違い4：キャッシュやCDNによる古いスタイルのローディング

問題の説明

ウェブサイト対応キャッシュプラグイン(LiteSpeed CacheやWP Super Cacheなど)やCDN(Cloudflareなど)を利用した場合、ページは古いバージョンのCSSを表示したままとなり、グローバルフォントの変更が無効となります。

治療

WordPressのキャッシュ・プラグインのキャッシュをクリアする
CloudflareなどのCDNを使用している場合は、キャッシュをフラッシュする。

ブラウザのハードリフレッシュを実行する（Windows：Ctrl + F5 / Mac：Cmd + Shift + R）

エラー5：Google Fonts Loading Not Enabled

問題の説明

グローバルフォントがグーグルフォントネットワークの問題やGoogle Fontsの読み込みが有効になっていないなどの理由で、ウェブサイトが選択したフォントを表示しない場合、ページはブラウザのデフォルトフォントにフォールバックします。

治療

Elementor > 設定
Google Fontsを無効にする」のチェックが外れていることを確認する。

国内のサーバーを使用している場合は、Google Fontsを以下のものに置き換えてください。ローカル・ホスティング新たに加わったのは、フォントの読み込み速度と使い勝手を向上させた新フォントだ。

概要

エレメンタローカル設定の上書き、テーマCSSの優先順位、キャッシュの問題、設定の保存漏れ、フォントの読み込み失敗などが原因で、グローバルフォントが有効にならないことがよくあります。上記の5つのトラブルシューティングステップを参考に、素早く原因を突き止め、ページフォントの統一性とプロフェッショナルな視覚効果を回復することができます。

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