css - @ font-face不适用于Firefox和IE

我有这个要附加自定义字体到我的页面

@font-face {
    font-family: "Pushkinf";
    src: url(../fonts/pushkin.ttf);
}

它适用于Safari和Google Chrome，但不适用于Firefox和IE。为什么会发生这种情况以及如何解决？

最佳答案

为了获得适当的跨浏览器支持，您需要使用多种字体格式。

@font-face {
  font-family: "Pushkinf";
  src: url('../fonts/pushkin.eot');
  src: url('../fonts/pushkin.woff') format("woff"),
       url('../fonts/pushkin.ttf') format("truetype"),
       url('../fonts/pushkin.svg#Pushkinf') format("svg");
}

关于css - @ font-face不适用于Firefox和IE，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21620440/