跳转到内容
搜索文档

Cloudflare Fonts

最后更新 查看 MarkdownAgent 设置

Cloudflare Fonts 专为使用 Google Fonts 的网站设计。它会将 Google Fonts 改写为由网站自身源站提供,从而无需依赖第三方字体提供商。Cloudflare Fonts 旨在在无需改动代码或自托管字体的情况下,提升网站性能与用户隐私。

Cloudflare Fonts 的工作原理

Cloudflare Fonts 通过改写网页 HTML 工作。它会移除 Google Fonts 链接,并用内联 CSS 替换。该 CSS 包含指向你自己的 Cloudflare zone 的字体链接,而非 Google 服务器。这可确保字体文件通过 Cloudflare 基础设施从你的域名提供,从而优化性能并增强用户隐私。

浏览器支持

Cloudflare Fonts 兼容支持 Unicode-range 子集化以及 WOFF 或 WOFF2 格式的浏览器,包括:

Chrome 36+
Edge 16+
Safari 10+
Firefox 44+
Opera 22+
IE 9+
Chrome for Android 115+
Safari on iOS 10+
Samsung Internet 5+

快速入门

要为整个域名启用 Cloudflare Fonts:

  1. 在 Cloudflare 仪表板中,前往 Speed(速度) > Settings(设置) 页面。

    Go to Settings ↗
  2. 前往 Content Optimization(内容优化)

  3. 对于 Cloudflare Fonts,将开关切换为 On

限制

虽然 Cloudflare Fonts 提供强大的字体优化能力,但仍需了解其限制:

  • 字体转换:目前,Cloudflare Fonts 仅支持 Google Fonts 转换。
  • APO 兼容性:启用 Automatic Platform Optimization(APO)时,Cloudflare Fonts 不会运行。Cloudflare APO 会以类似方式自动优化 Google Fonts。
  • CSS import:Cloudflare Fonts 仅兼容 Google Fonts 的 <link> 设置方式,不支持 CSS @import 方法。
  • CSP 标头:Cloudflare Fonts 不会修改 Content Security Policy (CSP) 标头。某些 CSP 配置可能导致 Cloudflare Fonts 停止工作,例如通过 style-src 限制内联样式,或通过 font-src 限制来自站点自身源站的字体。
  • 回退机制:当 Cloudflare Fonts 不支持某个页面时,会优雅地回退到使用 Google Fonts。

这篇文档对您有帮助吗?