css - 网页的字体缓存

Question

在 CSS 中，你可以像这样指定一个外部字体:

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

如果用户在下载字体后失去互联网连接，网页是否仍会使用缓存版本的字体？即使有，缓存是否会在某个时间点在过期日期后将其删除？

Answer 1

这是一个相当通用的“解决方案”。有一个生产服务，运营多年，向公众开放(虽然检查他们的商业用途条款，我不知道它是否适合)。它是美国联邦政府资助的内容分发网络研究元素。

它称为 Coral，通过将 .nyud.net 附加到任何 URL 来工作，例如

http://www.example.com/static/MyFont.ttf成为

http://www.example.com.nyud.net/static/MyFont.ttf .没有别的事可做。在第一个请求中，Coral 服务器获取并缓存文件(预计会有一些延迟)，然后它们在不再次检查的情况下提供它(它们很少检查新版本)。

它使用高级 DNS 扩展，DNAME 记录，因此它可能不适用于非常旧的操作系统或 DNS 解析器，尽管已知任何相当新的东西都可以工作。这样，请求将被路由到地理位置较近的服务器。