Firefox 中的 CSS3 @font-face 根据 URL 前缀变化

标签 css url firefox fonts

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

我所说的前缀是指三个字母“www.”

这是一个例子:

http://www.purplemartinpress.com/

比...

http://purplemartinpress.com/

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

最佳答案

Firefox(实际上大多数其他浏览器)像对待任何其他子域一样对待 www 子域——也就是说,带有 www 子域的 URL 与没有 www 子域的 URL 是不同的,即使它们的二级域和顶级域是相同,所以不匹配。如果您有不匹配的域,那么您的 @font-face 字体将不会在 Firefox 中加载。参见 this answer了解详情。

解决此问题的简单方法是在链接到同一域下的资源时使用域相对 URL(删除 URL 的 http://purplemartinpress.com 部分)或规范化您的 URL 要么始终包含 www,要么从不包含。

关于Firefox 中的 CSS3 @font-face 根据 URL 前缀变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13314732/

相关文章:

html - 具有四个 div 的 Flex 容器,需要三列,第二列有两行

Jquery:如何在 if else 语句中执行 .play() 函数?

javascript - Angular 无法获取完整 url

java - 如何在 JSP 中获取完整的 URL

html - Chrome 和 Firefox 处理缩放的方式不同。如何在我的 CSS 中处理这个问题

html - 设置标题 anchor 时如何防止标题标签继承超链接样式

javascript - 如何在 CSS 上为图像添加播放图标

url - 包含ID的Grails URL映射

java - Firefox selenium webdriver 给出 "Insecure Connection"

perl - WWW::Mechanize::Firefox 故障排除