2011-02-26 100 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