字體在Chrome中工作，但在Firefox或IE中不行

Question

網站我們使用此字體css文件，由於某種原因，正確的字體僅在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 */  
}

Answer 1

確保.woff文件存在，然后使用ctrl + F5重新加載網站。

Answer 2

字體很有趣，我聽說順序可以有所作為。 我用這個，從來沒有問題：

 @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文件可能已損壞。 如果使用字體生成器，則可能發生。 再試一次或嘗試其他方法。