Question

我有一个iframe页面。 iframe内容来自其他域，但我有一个css文件包含在该域中的head中，因此两者都具有相同的样式，并且它是。除了具有特殊字体的标题h1。它在Chrome，Opera，IE和Safari中正确显示，但在Firefox中没有显示:(它可以追溯到Arial。

@font-face {
     font-family: 'TheSansLight';
     src: url('ABSOLUTEPATH/fonts/TheSans_TT3_.eot?iefix') format('ie9-skip-eot'),
           url('ABSOLUTEPATH/fonts/TheSans_TT3_.woff') format('woff'),
           url('ABSOLUTEPATH/fonts/TheSans_TT3_.svg#TheSans_TT3_') format('svg');
}

以及后来的css

font-family: "TheSansLight", Arial, Helvetica, Verdana, sans-serif;

enyone有没有想过为什么firefox不会在iframe中呈现字体？

Answer 1

Firefox有@ font-face的跨域策略，除非在远程主机上特别允许，否则会阻止它们。谷歌通过Apache配置提供了许多教程来解决它，例如：

http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

字体没有出现在firefox中的iframe中

1 个答案: