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

Question

我正在尝试在我的 Rails 应用程序中使用 SegoePrint 字体。我在 app/assets/fonts 中都有这两个文件

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 工作。请问让它适用于两种浏览器的正确语法是什么？谢谢。

Answer 1

如果你使用下面的语法怎么样

@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;
}