トラブルシューティング
フォント機能が正しく動作しているかをテストするには、以下の手順に従ってください。
- フォント機能を無効にした状態で、ウェブページに移動し、ブラウザの開発者ツールでネットワークパネルを開きます。Chromeの場合、ウェブページを右クリックして検証を選択すると、開発者ツールが開きます。次に、コンソール内のネットワークタブに移動します。
- ページを再読み込みします。
- ネットワークタブには、
fonts.googleapis.comへのリクエストとfonts.gstatic.comへのリクエストが表示されるはずです。これは、このページのためにGoogle Fontsがダウンロードされていることを意味します。リストにこれらのリクエストがない場合、ウェブページがGoogle Fontsを使用していないか、ホスティングプロバイダーが他の方法でGoogle Fontsを最適化している可能性があります。 - フォント機能を有効にし、数秒待ちます。
- 検証ウィンドウでキャッシュを無効にするをオンにし、ページを再読み込みします。
- ネットワークパネルには、
/cf-fonts/パスプレフィックスのリクエストが表示されるはずです。fonts.googleapis.comおよびfonts.gstatic.comへのリクエストは消えているはずです。これは、機能が正常に動作していることを意味します。
機能が動作するためには、レスポンスHTML（機能が無効なとき）にhrefがfonts.googleapis.comを指すリンクタグが含まれている必要があります。これは、ウェブページのソースコードを表示することでブラウザで確認できます。探すべき例として、以下のリンクタグは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に連絡してサポートを受けてください。