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

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

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

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

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

このガイドでは、WordPressウェブサイトでGoogleフォントを無効にするための簡単な2つの方法を紹介します。これにより、システムフォントに切り替えたり、プライバシーとパフォーマンススコアを向上させたりすることができます。

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

Googleフォントを無効にする主な理由は、ウェブサイトの速度を向上させ、ユーザーのプライバシーを保護することです。

カスタムタイポグラフィは見た目が良いですが、外部サーバーからフォントを読み込むと追加のリクエストが発生します。これにより、ページの読み込み時間が遅くなります。Googleフォントを削除する主な利点は次のとおりです。

• パフォーマンスの向上：ブラウザがGoogleからフォントファイルをダウンロードする必要がなくなるため、サイトの読み込みが速くなります。
• プライバシーの向上：訪問者のIPアドレスをGoogleと共有しなくなるため、GDPRコンプライアンスに役立ちます。
• ユーザーエクスペリエンスの向上：システムフォントは即座に読み込まれます。これにより、接続が遅いユーザーがテキストが表示されるのを待つことを防ぎます。

WPBeginnerウェブサイトを再設計した際、Googleフォントを完全に無効にすることにしました。システムフォントに切り替えることで、インターネット接続が遅い環境でも、誰もがWordPressをより速く、よりアクセスしやすく学習できるようになりました。

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

方法1：プラグインを使用してWordPressでGoogleフォントを無効にする

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

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

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

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

一部のサードパーティ製ツールは、WordPress テーマとは独立してコンテンツを読み込みます。これは、上記のプラグイン方法では、それらが独自のフォントを読み込むのを停止できない可能性があることを意味します。

これの一般的な例は、リードジェネレーションソフトウェアです。

方法 2: OptinMonster で Google Fonts を無効にする

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でもフォローできます。