使用 @font-face 会减慢加载时间。我可以强制客户端缓存字体吗？

Question

更新： 看起来标头请求信息是罪魁祸首。如何更改请求标头的 max-age 属性？ TIA。

---

您好，我在一个网站上使用@font-face，我遇到了文本加载延迟（可能是由于每页都加载了字体）。我知道客户端必须下载一次字体才能正常显示，但是每一页？

有没有办法强制浏览器缓存该文件？还是有另一种方法可以加快字体的加载时间？ （这个问题在Server Fault上发帖更合适吗？）

提前致谢。最坏的情况，我会忍受延迟，所以我不需要任何“起飞@font-face”的答案......;）

其他信息：

• 我已经在 Mac 和 Windows（XP 和 7）上的 Safari (4) 和 Firefox (3.5RC1) 中对此进行了测试
• 我测试过的所有浏览器目前都设置为允许缓存（默认开启）
• 网址不是动态的，它只是“/fonts/font.otf”
• 字体 URL 是正确的，因为页面加载了字体并正确显示它，虽然比正常慢

• 请求标头：

  缓存控制：max-age=0
  If-Modified-Since:2009 年 6 月 24 日星期三 03:46:28 GMT
  If-None-Match:W/"484d9f2-a5ac-46d10ff2ebcc0"
  推荐人：http://testurl.com/
  用户代理：Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6; en-us) AppleWebKit/530.13 (KHTML, like Gecko) Version/4.0 Safari/530.15

• 响应标头：

  连接：保持活动状态
  日期：格林威治标准时间 2009 年 6 月 25 日星期四 02:21:31
  电子标签：“484d9f2-a5ac-46d10ff2ebcc0”
  保活：超时=10，最大值=29
  服务器：Apache/2.2.11 (Unix) mod_ssl/2.2.11 OpenSSL/0.9.8i DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635

Answer 1

你永远不能强迫浏览器缓存某些东西，只能鼓励它。我想不出为什么不缓存具有正确过期标头的字体文件的原因，这将我们带到：

• 这是一个浏览器错误（你不说是哪个浏览器）
• 您的缓存控制标头丢失或错误
• 您的浏览器配置为不缓存任何内容（是否缓存图像？）
• 您的字体 URL 是动态的，因此浏览器认为每个请求都针对不同的资源
• 字体文件实际上丢失或 URL 拼写错误。
• 延迟不是由字体下载引起的（你确实说过你假设这是问题所在）

我认为需要更多信息。

编辑：设置缓存控制是服务器和语言特定的事情。查看mod_expires 了解有关在 Apache 中进行缓存的信息。

Answer 2

您确定您的字体文件是可缓存的吗？就像其他静态内容一样，它们应该有很远的过期日期，并且它们的标题应该被配置为允许它们被缓存。如果您将字体托管在服务器场上，您将需要确保您的 etag 标头在场中的所有服务器上均已标准化...否则后续对字体的请求可能会强制从备用服务器重新下载它即使已经从另一台服务器下载了相同的数据。