html - Firefox中未显示CSS字体

Question

在我的页面上，我加入了Avantgarde Gothic ITC字体。该字体最初显示在Firefox和Internet Explorer中。

从上周开始，字体不再显示在Firefox中。在Internet Explorer中，字体仍然显示。

为什么字体不再显示在Firefox中？我该如何解决？

非常感谢您的帮助

的CSS

@font-face {
    font-family: "AvantGardeGothicITC W05 Medium";
    src: url("Fonts/5184944/aecfeb5c-7776-4283-977b-12f15fc19819.eot?#iefix");
    src: url("Fonts/5184944/aecfeb5c-7776-4283-977b-12f15fc19819.eot?#iefix") format("eot"),
         url("Fonts/5184944/21ab8edd-6587-44cb-b61b-eeb5e3a86beb.woff2") format("woff2"),
         url("Fonts/5184944/cbc28fce-7ac1-4cce-8185-74a371396b03.woff") format("woff"),
         url("Fonts/5184944/e3968950-7cfe-4ba6-bc70-47204c3fb8d0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "AvantGardeGothicITC W05 Medium";
    font-size: 1.4vw;
    color: #FFFFFF;
    background-color: #009B00;
}

Answer 1

使用Google字体：

<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

body {font-family: MyFontName, 'Segoe UI', Tahoma, sans-serif;}

要支持所有浏览器：

@font-face {
  font-family: 'MyFontName';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

仅支持现代浏览器：

@font-face {
  font-family: 'MyFontName';
  src: url('webfont.woff2') format('woff2');
}

支持大多数浏览器：

@font-face {
  font-family: 'MyFontName';
  src: url('webfont.woff2') format('woff2'),
         url('webfont.woff') format('woff'),
         url('webfont.ttf') format('truetype');
}