Cloudflare Fonts 专为使用 Google Fonts ↗ 的网站设计。它会将 Google 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:
-
在 Cloudflare 仪表板中,前往 Speed(速度) > Settings(设置) 页面。
Go to Settings ↗ -
前往 Content Optimization(内容优化)。
-
对于 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。