css - Rails自定义字体不适用于Firefox和IE

我正在尝试在Rails应用程序上使用SegoePrint字体。我在应用程序/资产/字体中都有两个文件


  SegoePrint.ttf
  
  SegoePrint.eot


在我的样式表中

@font-face {
font-family: "SegoePrint";
src: url(SegoePrint.ttf) format("truetype");
}

它仅适用于Firefox，不适用于IE，但如果有

@font-face {
font-family: "SegoePrint";
src: url(SegoePrint.ttf) format("truetype");
src: url(SegoePrint.eot);
src: url(SegoePrint.eot?#iefix) format("embedded-opentype");
}

我只为IE工作，不再为Firefox工作。使其在两种浏览器中均可正常工作的正确语法是什么？谢谢。

最佳答案

如果您在下面使用此语法怎么样

@font-face {
    font-family: 'SegoePrint';
    src: asset-url('SegoePrint.eot');
    src: asset-url('SegoePrint.eot') format('embedded-opentype'),
         asset-url('SegoePrint.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}