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

Question

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

前缀是指三个字母'www。'

以下是一个例子：

http://www.purplemartinpress.com/

Vs的...

http://purplemartinpress.com/

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

Answer 1

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

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