@字体面在Firefox

不配合我已经试过无数的东西，包括点击ALL的有关我的问题的问题（有吨！），并尝试了所有他们的“解决方案”，但没有为我工作。我试图在有条件的IE语句中包装.eot文件，但那也不起作用。有人说如果你不在你自己的服务器上托管文件，那么@ font-face在Firefox中将不起作用......或者类似的东西。无论如何，请去here查看所有其他浏览器与Firefox之间的比较。请不要打！我确实尝试了Google和stackoverflow提供的每个解决方案。（请记住，这是一个的Tumblr主题，所有的文件/图片必须通过Tumblr's uploader主办。）@字体面在Firefox

提前感谢！

而且，这里是我一直在使用的代码：我试图去约

<!--[if IE]> 
<style> 
@font-face { 
font-family: 'S'; 
src: url('http://static.tumblr.com/ctwb3zj/5bTlflus9/zegoelight-u-webfont.eot'); 
} 
</style> 
<![endif]--> 

<style> 
@font-face { 
font-family: 'S'; 
src: url('http://static.tumblr.com/ctwb3zj/5bTlflus9/zegoelight-u-webfont.eot'); 
src: local('S'), 
    local('S'), 
    url('http://static.tumblr.com/ctwb3zj/n4Zlfluv6/zegoelight-u-webfont.ttf')  
format('truetype'), 
    url('http://static.tumblr.com/ctwb3zj/ovQlfluz3/zegoelight-u-webfont.svg#font')  
format('svg'); 
    url('http://static.tumblr.com/ctwb3zj/1AJlfluwz/zegoelight-u-webfont.woff') 
format('woff'); 
} 
</style>

：在Firefox配置和切换security.fileuri.strict_origin_policy假，但没有奏效。另外，我需要一种方式让所有查看我的主题或使用它来查看字体的用户，并且默认情况下设置为true。

来源

2011-01-26 Earl Larson

通过尝试获得通过我遇到'形象“的网址... zegoelight-U的字体之一-webfont.ttf“无法显示，因为它在Firefox中包含错误。所以它似乎是Tumblr通过将文件作为“image/jpeg”提供给它。 – 2011-01-26 02:07:01

在你的CSS中做这些HTML条件注释是什么？ – BoltClock 2011-01-26 02:07:58

对不起，他们实际上是我的代码的一部分，我把它们放在一起。固定 – 2011-01-26 02:10:51

编辑：

这里是解决方案： Cross domain workaround

Firefox没有像跨域嵌入。

来源

2011-01-27 11:44:28

我不是完全由您的@ font-face规则信服。你可以复制以下内容，看看它有什么区别吗？只是为了清理。

@font-face { 
font-family: 'S'; 
src: url('http://static.tumblr.com/ctwb3zj/5bTlflus9/zegoelight-u-webfont.eot'); 
src: local('☺'), 
    url('http://static.tumblr.com/ctwb3zj/n4Zlfluv6/zegoelight-u-webfont.ttf')  
format('truetype'), 
    url('http://static.tumblr.com/ctwb3zj/ovQlfluz3/zegoelight-u-webfont.svg#font')  
format('svg'); 
    url('http://static.tumblr.com/ctwb3zj/1AJlfluwz/zegoelight-u-webfont.woff') 
format('woff'); 
}

这只是清理了几个次要的事情了。我还建议改变你的字体名称为“S”以外的东西;例如，“Zegoe Light”。

伊沃·韦策尔是从您的意见，虽然是正确的，这可能是的tumblr担任了媒体与未知的文件扩展名的方式的问题。

来源

2011-01-26 03:12:00

伯爵，我不想成为一个告诉你这一点，但你的问题是不是与你的@ font-face规则。至少这不是当我检查你的网站。当您使用CSS字体系列时，您需要确保在您选择的堆栈中每种不同字体之间都有一个逗号。你H6选择是：

h6 {font-size:36px; font-family: 'S' sans-serif;}

它应该是：

h6 {font-size:36px; font-family: 'S', sans-serif;}

试试这个，我认为这将解决你的。只要确保所有的字体家族堆栈在多种字体之间都有逗号。 Firefox对解析技术上不正确的CSS有点严格; Firefox只是忽略它。这似乎是你遇到问题的原因，而不是你的@ font-face。

来源

2011-01-26 03:36:11 hradac

我也曾有过类似的问题，它的工作无处不在，但不是在Firefox4在Mac上。我在另一个@media块中声明了@ font-face-Stuff（只为非移动设备加载字体） - 这就是导致错误的原因。

这不起作用：

@media sth... { 

    @font-face { 
    ... 
    } 

}

该做的工作：

@font-face { 
    .. 
} 

@media sth... { 

}

来源

2011-05-15 20:28:30

@字体面在Firefox

回答

相关问题