2014-01-15 83 views
0
我們使用這個字體的CSS文件,並出於某些原因,正確的字體只能在Chrome中顯示,但不能在Firefox或IE-

字體面在Chrome而不是Firefox或者IE工作

誰能幫

網站我們找出問題所在,以及我們如何解決這個問題?

感謝

/*Museo Sans 100*/ 
@font-face { 
    font-family: 'museo_sans'; 
    src: url('http://xxx.domain.com/fonts/museosans-100-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/museosans-100-webfont.svg#museo_sans100') format('svg'), 
     url('http://xxx.domain.com/fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/museosans-100-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/museosans-100-webfont.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 

} 
/*Museo Sans 300*/ 
@font-face { 
    font-family: 'museo_sans'; 
    src: url('http://xxx.domain.com/fonts/museosans-300.eot'); 
    src: url('http://xxx.domain.com/fonts/museosans-300.svg#museo_sans300') format('svg'), 
     url('http://xxx.domain.com/fonts/museosans-300.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/museosans-300.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/museosans-300.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 

} 
/*Museo Sans 700 italic*/ 
@font-face { 
    font-family: 'museo_sans'; 
    src: url('http://xxx.domain.com/fonts/museosans-700italic-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/museosans-700italic-webfont.svg#museo_sans700_italic') format('svg'), 
     url('http://xxx.domain.com/fonts/museosans-700italic-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/museosans-700italic-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/museosans-700italic-webfont.ttf') format('truetype'); 

    font-weight: 700; 
    font-style: italic; 

} 
/*Museo Sans 900*/ 
@font-face { 
    font-family: 'museo_sans'; 
    src: url('http://xxx.domain.com/fonts/museosans_900-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/museosans_900-webfont.svg#museo_sans900') format('svg'), 
     url('http://xxx.domain.com/fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/museosans_900-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/museosans_900-webfont.ttf') format('truetype'); 

    font-weight: 900; 
    font-style: normal; 

} 
/*Avro*/ 
@font-face { 
    font-family: 'arvo'; 
    src: url('http://xxx.domain.com/fonts/arvo-regular-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/arvo-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/arvo-regular-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/arvo-regular-webfont.ttf') format('truetype'), 
     url('http://xxx.domain.com/fonts/arvo-regular-webfont.svg#arvoregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'arvo'; 
    src: url('http://xxx.domain.com/fonts/arvo-bold-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/arvo-bold-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/arvo-bold-webfont.ttf') format('truetype'), 
     url('http://xxx.domain.com/fonts/arvo-bold-webfont.svg#arvobold') format('svg'); 
    font-weight: bold; 
} 
    @font-face { 
    font-family: 'arvo'; 
    src: url('http://xxx.domain.com/fonts/arvo-italic-webfont.eot'); 
    src: url('http://xxx.domain.com/fonts/arvo-italic-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://xxx.domain.com/fonts/arvo-italic-webfont.woff') format('woff'), 
     url('http://xxx.domain.com/fonts/arvo-italic-webfont.ttf') format('truetype'), 
     url('http://xxx.domain.com/fonts/arvo-italic-webfont.svg#arvoitalic') format('svg'); 
    font-weight: normal; 
    font-style: italic; 
} 

@font-face { 
    font-family: "museosans-300"; 
    src: url('http://xxx.domain.com/fonts/museosans-300.eot'); /* IE */ 
    src: local("museosans-300"), url('http://xxx.domain.com/fonts/museosans-300.ttf') format("truetype"); /* non-IE */ 
} 

回答

0

確保該.woff文件存在,然後重新加載該網站與CTRL + F5

+0

你是什麼意思?當然.woff存在,ctrl + F5顯然不是這裏的解決方案。 – user3187469

+0

我的意思是,加載'.woff'文件時可能有問題,或者它可能是無效/損壞的文件鏈接(我不確定)。我做了任何更改後,我建議ctrl + f5 ..只是爲了防止從緩存中加載頁面。 – skshoyeb

0

font-faces很有趣,我聽說命令可以有所作爲。我用這個和從未有過的一個問題:

@font-face { 
    font-family:'Name'; 
    src: url('fontName.eot'); 
    src: url('fontName.eot?#iefix') format('embedded-opentype'), 
     url('fontName.woff') format('woff'), 
     url('fontName.ttf') format('truetype'), 
     url('fontName.svg#fontName') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

如果不行,我會說你的EOT和WOFF文件可能損壞。如果您使用了可能發生的字體生成器。再試一次或嘗試不同的。

+0

同樣的事情,不起作用。 – user3187469

相關問題