2011-02-26 97 views
3

我有一个iframe的页面。 iframe内容来自其他域,但是我有一个包含在该域中的head的css文件,所以它们都具有相同的样式,并且是。除了特殊字体的标题h1。它在浏览器,歌剧,IE和Safari正常显示,但不能在Firefox :(这回退到Arial字体。字体不显示在Firefox中的iframe

@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有任何想法,为什么火狐iframe中不会渲染字体?

回答

6

对于@ font-face,Firefox有一个跨域策略,除非在远程主机上特别允许,否则它会阻止它们,Google会为Apache设置任意数量的教程,例如:作为这一个:

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

+0

谢谢,伙计。它看起来确实是它的解决方案。只是希望我不会打扰其他服务器管理员与这样的要求:( – henrijs 2011-02-26 17:04:41