排查 Cloudflare Fonts 相关问题。
要测试 Fonts 功能是否正常工作,请按以下步骤操作:
- 在禁用 Fonts 功能的情况下,打开网页,并在浏览器开发者工具中打开网络面板。对于 Chrome,右键点击网页并选择 Inspect(检查) 以打开开发者工具。然后导航到控制台中的 Network(网络) 标签。
- 重新加载页面。
- 在 Network 标签中,你应看到对
fonts.googleapis.com的请求,以及对fonts.gstatic.com的请求。这意味着此页面正在下载 Google Fonts。如果列表中没有这些请求,则说明网页未使用 Google Fonts,或者你的托管提供商可能以其他方式优化了 Google Fonts。 - 启用 Cloudflare Fonts 并等待几秒。
- 在检查窗口中,开启 Disable cache(禁用缓存) 并重新加载页面。
- 在网络面板中,你现在应看到对你的 zone 上
/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 获取帮助。