Firefox 不尊重@font-face? [复制]

Posted

技术标签:

【中文标题】Firefox 不尊重@font-face? [复制]【英文标题】:Firefox not respecting @font-face? [duplicate] 【发布时间】:2011-08-29 00:53:51 【问题描述】:

可能重复:css @font-face not working with firefox, but working with chrome and IE

由于某种原因,firefox(3.6 和 4)没有在 http://tustincommercial.tumblr.com/ 的一页上显示特定字体

如果您查看 css,您会看到 font-family 被指定为“MuseoSans”。所有其他浏览器都显示正确的字体。使用 firebug,firefox 正在为应该是 museo 的元素正确计算样式,但它只是没有显示字体。

有什么建议吗?

【问题讨论】:

【参考方案1】:

事实证明,Firefox 尤其不会为托管在另一个域中的一个站点加载字体文件,除非提供字体的服务器返回 Access-Control-Allow-Origin 标头作为其 http 响应的一部分,并且标头中的值与站点的域匹配。

在我的情况下,解决方案是将下面一行放入我的字体所在目录的 .htaccess 文件中:

Header set Access-Control-Allow-Origin "http://tustincommercial.tumblr.com"

这可以让我的 tumblr 博客访问我的字体,但不能访问其他网站。

【讨论】:

以上是关于Firefox 不尊重@font-face? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

font-face 在 IE 中运行,但在 Firefox 中不运行 - 字体格式

CSS font-face 在 Firefox 中不起作用

Firefox 无法加载@font-face? [复制]

为啥这个@font-face 代码在 Firefox 3.6 中不起作用?

如何在 Firefox 中不尊重纵横比的情况下缩放 SVG 背景图像?

@font-face 在 Firefox 中不起作用 [重复]