Firefox不尊重@ font-face?

时间:2011-05-19 16:23:19

标签: firefox cross-domain cross-browser font-face

  

可能重复:
  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 个答案:

答案 0 :(得分:4)

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

在我的情况下,解决方案是将以下行放入.htaccess文件中,用于托管我的字体的目录:

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

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