css - Firefox 中的 CSS3 @font-face 根据 URL 前缀更改

Question

在使用 Firefox (v16) 时，我注意到根据 URL 前缀，CSS 字体将或不会加载...

前缀是指三个字母“www”。

这是一个例子：

http://www.purplemartinpress.com/

比...

http://purplemartinpress.com/

在 Firefox 中使用“www”前缀时，不会加载字体。为什么是这样？

Answer 1

Firefox（实际上是大多数其他浏览器）将 www 子域视为任何其他子域 - 也就是说，具有 www 子域的 URL 与没有子域的 URL 不同，即使它们的二级域和顶级域相同，不匹配也是如此。如果您有不匹配的域，那么您的@font-face字体将不会在 Firefox 中加载。有关详细信息，请参阅此答案。

解决此问题的简单方法是在链接到同一域下的资源时使用域相对 URL（删除 URL 的http://purplemartinpress.com一部分），或者将 URL 规范化为始终具有 www 或从不具有。