跳转到内容
搜索文档

故障排除

最后更新 查看 MarkdownAgent 设置

排查 Cloudflare Fonts 相关问题。

验证 Fonts 功能是否正常

要测试 Fonts 功能是否正常工作,请按以下步骤操作:

  1. 在禁用 Fonts 功能的情况下,打开网页,并在浏览器开发者工具中打开网络面板。对于 Chrome,右键点击网页并选择 Inspect(检查) 以打开开发者工具。然后导航到控制台中的 Network(网络) 标签。
  2. 重新加载页面。
  3. 在 Network 标签中,你应看到对 fonts.googleapis.com 的请求,以及对 fonts.gstatic.com 的请求。这意味着此页面正在下载 Google Fonts。如果列表中没有这些请求,则说明网页未使用 Google Fonts,或者你的托管提供商可能以其他方式优化了 Google Fonts。
  4. 启用 Cloudflare Fonts 并等待几秒。
  5. 在检查窗口中,开启 Disable cache(禁用缓存) 并重新加载页面。
  6. 在网络面板中,你现在应看到对你的 zone 上 /cf-fonts/ 路径前缀的请求。对 fonts.googleapis.comfonts.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 Fonts 时遇到任何问题或有疑问,请参阅 Cloudflare Community 页面,或联系 Cloudflare Support 获取帮助。

这篇文档对您有帮助吗?