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

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