html - @font-face 在 Firefox 中不合作

Question

我尝试了很多方法，包括点击所有与我的问题相关的问题(有很多!)并尝试了他们所有的“解决方案”，但没有一个对我有用。我尝试将 .eot 文件包装在有条件的 IE 语句中，但这也不起作用。有人说，如果您不在自己的服务器上托管文件，@font-face 将无法在 Firefox 中工作……或者类似的东西。无论如何，去here查看所有其他浏览器与 Firefox 之间的比较。请不要抨击!我确实尝试了 Google 和 stackoverflow 必须提供的所有解决方案。 (请记住，这是一个 Tumblr 主题，所有文件/图像必须通过 Tumblr's uploader 托管。)

提前致谢!

此外，这是我一直在使用的代码:

<!--[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 中转到 about:config 并将 security.fileuri.strict_origin_policy 切换为 false，但没有成功。另外，我需要一种方法，以便所有查看我的主题或使用它的用户也能够查看字体，默认情况下设置为 true。

Answer 1

编辑:

解决方法如下: Cross domain workaround

Firefox 不喜欢跨域嵌入。