WordPressサイトでGoogleフォントを無効にする方法

あなたが知らないうちに、WordPressサイトがGoogleフォントを読み込んでいる可能性があります。

多くのテーマはこれらのフォントをGoogleのサーバーから自動的に読み込むため、ウェブサイトの表示速度が低下したり、特定の地域の一部の訪問者にとってプライバシーに関する懸念が生じたりする可能性があります。

朗報は、Google フォントを無効にすることは、あなたが思うよりも簡単であり、実際にサイトのパフォーマンスを向上させることができるということです。

WordPressサイトでの長年の作業を通じて、これらの外部フォントリクエストを削除すると、多くの場合読み込み時間が短縮され、サイトの外観をより細かく制御できるようになることがわかりました。

このガイドでは、システムフォントを使用したい場合でも、タイポグラフィをローカルでホストしたい場合でも、WordPress ウェブサイトで Google フォントを無効にするための 2 つの簡単な方法を紹介します。

WordPressウェブサイトでGoogleフォントを無効にする理由

WordPress ウェブサイトのタイポグラフィは、デザインとブランドアイデンティティにおいて重要な役割を果たします。そのため、多くのウェブサイト所有者は Google Fonts を使用してタイポグラフィをカスタマイズしています。

ただし、フォントを多すぎるとWordPressのパフォーマンスに悪影響があります。そのため、フォントは2つに絞り、ウェブサイト全体で使用することをお勧めします。

または、Googleフォントを完全に無効にして、ユーザーのコンピューターに付属しているシステムフォントを使用することもできます。これらは見た目も良く、特に低速接続のユーザーにとってはるかに高速に読み込まれます。

そのため、WPBeginnerウェブサイトを再設計した際にGoogleフォントを無効にすることにしました。インターネット接続が最適でない場合でも、誰もがWordPressを学び、オンラインプレゼンスを成長させることを容易にしたかったのです。

Googleフォントを無効にすることが、すべてのビジネスウェブサイトやブログにとって正しい決定ではない場合があります。しかし、インターネット環境の悪い地域からの訪問者がいる場合は、ユーザーエクスペリエンスを向上させる方法の1つです。

また、Google Fonts にはプライバシーの問題があり、ウェブサイトが GDPR のような法律に準拠していない可能性があります。Google Fonts を無効にすると、サイトが国際的なプライバシー法に違反しているとみなされるリスクが低減します。

それでは、WordPressでGoogleフォントを無効にする方法を見ていきましょう。

プラグインで WordPress の Google フォントを無効にする

まず、Disable and Remove Google Fontsプラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化すると、プラグインはテーマやプラグインで使用されているすべてのGoogleフォントを自動的に無効にします。設定は必要ありません。

これで、WordPressは使用されていたGoogleフォントの代わりにデフォルトのフォントを自動的に使用します。現在使用されているフォントに満足していることを確認するために、ウェブサイトを注意深く確認してください。

異なるフォントを選択したい場合は、WordPressテーマのフォントを変更する方法に関するガイドをご覧ください。

OptinMonster で Google フォントを無効にする

OptinMonster は、WordPress 用の最高の リードジェネレーションプラグイン であり、120 万以上のウェブサイトがこのソフトウェアを使用して メールリストを増やす、売上を伸ばす、リードを獲得しています。

WPBeginnerでもニュースレターのポップアップ作成に使用しており、素晴らしい経験をしています。詳細については、OptinMonsterのレビューをご覧ください。

ただし、このツールはデフォルトでGoogleフォントを使用します。幸いなことに、それらを無効にするのは簡単です。

個別のOptinMonsterキャンペーンでGoogle Fontsを無効にする

まず、OptinMonsterのウェブサイトにアクセスし、キャンペーンダッシュボードにログインする必要があります。その後、キャンペーンをクリックし、「キャンペーンの編集」ボタンをクリックします。

これにより、OptinMonsterキャンペーンビルダーが開きます。

次に、フッターバーの左下隅にある「設定」アイコンをクリックする必要があります。

サイドバーパネルで、「詳細設定」タブを選択する必要があります。

次に、「表示設定」セクションまでスクロールダウンし、「Webフォントを有効にする？」をオフの位置に切り替えます。

画面上部にある「保存」ボタンをクリックすると、そのキャンペーンでサードパーティフォントが無効になります。

Googleフォントを削除したい他の各キャンペーンについても、これらの手順を繰り返す必要があります。

すべてのOptinMonsterキャンペーンでGoogleフォントを無効にする

サイトにJavaScriptコードスニペットを追加することに抵抗がない場合は、すべてのOptinMonsterキャンペーンでGoogleフォントを一度に無効にすることができます。

すべてのキャンペーンでGoogleフォントを無効にするには、このスニペットをウェブサイトのヘッダーまたはフッターに追加する必要があります。

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>

すべてのWebフォント（Google FontsやFontAwesomeを含む）を無効にしたい場合は、このコードスニペットを追加してください。

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts = false;
});
</script>

これらのコードスニペットを追加する最も簡単な方法は、WordPressで利用可能な最も強力なコードスニペットプラグインであるWPCodeを使用することです。これにより、サイトの任意の領域にカスタムコードを簡単に追加でき、何よりも無料です。

まず、WPCode無料プラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

アクティベートしたら、 コードスニペット » ヘッダー & フッターに移動する必要があります。

コードスニペットをヘッダーフィールドに貼り付け、「変更を保存」ボタンをクリックするだけです。

よくある質問：WordPress の Google フォントを無効にする

WordPressでGoogleフォントを無効にすることについて、読者からよく寄せられる質問をいくつかご紹介します。

Google フォントを無効にすることは、SEO やパフォーマンスに良いですか？

Googleフォントを無効にすると、特に低速接続やモバイルデバイスでの外部リクエストが削減され、サイトのパフォーマンスがわずかに向上する可能性があります。ウェブサイトが高速化すると、一般的にSEOが向上します。

ただし、サイトが多くのフォントバリエーションを使用していない限り、その影響は通常わずかです。速度最適化やGDPRコンプライアンスに重点を置いている場合は、無効にすることが理にかなっています。

Googleフォントを無効にすると、サイトのデザインが壊れますか？

テキストの外観が変わる可能性があります。特に、テーマのデザインがカスタムフォントに大きく依存している場合はそうです。しかし、サイトが壊れたりクラッシュしたりすることはありません。クリーンなデザインを維持するには：

• Arial、Georgia、HelveticaなどのウェブセーフなシステムフォントでGoogleフォントを置き換える
• または、Googleフォントをダウンロードしてローカルにホストすることで、Googleへのリクエストを行わずに同じタイポグラフィを使用できます。

この方法で、デザインを維持しながらプライバシーと速度を向上させることができます。

WordPressテーマがGoogleフォントを使用しているかどうかを確認するにはどうすればよいですか？

テーマがGoogleフォントを読み込んでいるかどうかを確認するには、次のようなツールを使用できます。

• ブラウザの開発者ツール（ネットワークタブでfonts.googleapis.comを探します）
• GTmetrix、または PageSpeed Insights（外部リクエストのリストを確認してください）
• Asset CleanUp や Query Monitor のような WordPress プラグイン

fonts.googleapis.com または fonts.gstatic.com への呼び出しを見つけた場合、そのサイトは Google からフォントを読み込んでいます。

WordPress のフォントに関するエキスパートガイド

このチュートリアルで、WordPress ウェブサイトで Google フォントを無効にする方法を学べたことを願っています。WordPress のフォントに関連する他の記事も参照することをお勧めします。

• Google フォントをプライバシーに配慮したものにする方法
• WordPressにカスタムフォントを追加する方法
• WordPressテーマにGoogle Webフォントを「正しく」追加する方法
• WordPressテーマのフォントを変更する方法
• WordPress でローカルフォントをホストしてウェブサイトを高速化する方法
• WordPressでフォントサイズを簡単に変更する方法
• WordPressでテキストの色を変更する方法
• デザインを改善するための最高のWordPressタイポグラフィプラグイン
• TypekitでWordPressに素晴らしいタイポグラフィを追加する方法

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。