Fonts 機能が正しく動作しているかを確認するには、次の手順を実行します。
- Fonts 機能を無効にした状態で、ウェブページを開き、ブラウザーの開発者ツールでネットワークパネルを開きます。Chrome では、ページを右クリックして Inspect を選び、開発者ツールを開きます。次に、コンソール内の Network タブへ移動します。
- ページを再読み込みします。
- Network タブに、
fonts.googleapis.comへのリクエストとfonts.gstatic.comへのリクエストがあるはずです。これは、このページで Google Fonts がダウンロードされていることを意味します。一覧にこれらのリクエストがない場合、ウェブページが Google Fonts を使っていないか、ホスティングプロバイダーが別の方法で Google Fonts を最適化している可能性があります。 - Cloudflare Fonts を有効 にし、数秒待ちます。
- Inspect ウィンドウで Disable cache をオンにし、ページを再読み込みします。
- ネットワークパネルに、ゾーンの
/cf-fonts/パスプレフィックスへのリクエストがあるはずです。fonts.googleapis.comとfonts.gstatic.comへのリクエストは消えているはずです。これで機能は正しく動作しています。
機能が動作するには、（機能が無効のときの）レスポンス HTML に、href が fonts.googleapis.com を指す link タグが含まれている必要があります。ブラウザーでウェブページのソースを表示して確認できます。探す対象の例として、次の link タグは Roboto の Google Font です。
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">タグが HTML になくても、ページが Google Fonts を使っていると確信できる場合、ホスティングプロバイダーがサーバー側で Google Fonts を最適化している可能性があります。この場合、Cloudflare Fonts が正しく動作しないことがあります。
Cloudflare Fonts の利用中に問題や質問がある場合は、Cloudflare Community ↗ のページを参照するか、Cloudflare Support に問い合わせてください。