Html 为Internet Explorer和其他浏览器定义字体

我正试图通过Internet Explorer上的@font-face工作获得我的字体定义，但我做不到

我使用3种字体。以下是我编写的代码：

@font-face {
    font-family : Rokkit;
    src : url("fonts/Rokkitt-Regular.ttf");
}

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

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

在其他浏览器上一切都很好，但在IE中不行。所以我在每个字体定义中都添加了这一行：

@font-face {
    font-family : Rokkit;
    src : url("fonts/Rokkitt-Regular.ttf");
    src : url("fonts/Rokkitt-Regular.eot");
}

但是，它不仅不能在IE上运行，而且不能在Firefox、Chrome、Safari上运行。。。我该怎么办

---

谢谢。

您可以试试这个解决方案，我在一些网站上看到： 也给出

根据Fontspring博客，这也可能对您有所帮助：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

---

因此，第二次，这个问题不是重复的。如果你读了我的问题，你就会明白这两个问题之间有很大的区别：在我的问题中，不仅字体在IE上不起作用，而且当我试图为这个特定的浏览器定义字体时，字体在其他浏览器上不再显示。因此，这是一个双重问题。有趣的是，我已经发布了完全相同的问题。你把它标记为重复的，所以我不得不删除它并重新发布以获得一些答案。请取下重复的标签！！！它不是重复的，它有一点帮助，因为现在字体在Firefox中正确显示，但它没有改变IE的任何内容！您是否检查了控制台上的日志，路径是否正确？您是如何做到的？好的，我只是这样做了，没有显示任何内容。没有警告或错误。哦，我只是在想一些事情。我在Mac电脑上，所以我正在使用IE模拟器和一个名为Microsoft Remote Desktop的应用程序。我在某个地方读到，当模拟浏览器时，字体并不总是正确显示。你认为这可能是问题所在吗？

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }