Question

我使用的是font-face，它可以在Safari和Chrome中正常呈现，但不能在Firefox中呈现。

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

h1 { 
font-family: 'franchiseregular', Helvetica, 'Helvetica Neue', Arial, sans-serif; 
}

Answer 1

Firefox倾向于使用woff文件类型。您可能需要确保您的Web服务器已设置为提供woff文件。您可以使用mime类型在服务器级别实现此目的，或者将以下内容添加到Web配置中。

<system.webServer>
   <staticContent>
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
   </staticContent>
</system.webServer>

为什么font-face在Firefox中不起作用？

1 个答案: