Font-embedding:这里出了什么问题？

Question

我对html和css还是个新手，所以我可能忽略了一些东西。我一直在尝试创建一个小网站，并在其中嵌入了字体。它可以在firefox中运行，但在internet explore中不能。我不知道其他浏览器的情况。这里有一个指向该网站的链接。单击L转到第二个页面：http://librarchive.com/newcat.html。因此，正如您所看到的，也存在一些定位错误。

所以字体不能正常工作。我做什么好？

这是我的css代码，我有一个字体的.eot和.ttf文件：

@font-face{ 
font-family: libralust; 
src: url('Futura_Bk.eot'); /* For IE */ 
src: local('libralust'), url('Futura_Bk.ttf') format('truetype'); /* For non-IE */ 
}

body {
font-family: libralust, Verdana, Arial, sans-serif;
text-align:center;
}

我一直在寻找，但经验还不够丰富，无法理解所有的东西。其他关于网站的评论也很受欢迎。感谢您的帮助！

Answer 1

这是fontsquirel建议的跨站点字体嵌入的一个示例

@font-face {
    font-family: 'OpenSansLight';
    src: url('/skins/default/media/fonts/OpenSans-Light-webfont.eot');
    src: url('/skins/default/media/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

现在你知道问题出在哪里了吧？

我将指出另一个提示：本地

有关详细解释，请阅读以下内容：the-new-bulletproof-font-face-syntax和/或bulletproof-font-face-implementation-syntax

Answer 2

并不是所有的浏览器都支持Font-Face，而且有很多字体ext，比如eot，svg，woff，ttf。

试试这个，因为你只有eot和ttf：

@font-face{ 
    font-family: libralust;
    src: url('Futura_Bk.eot');
    src: url('Futura_Bk.eot?#iefix') format('embedded-opentype'),
    url('Futura_Bk.ttf') format('truetype');
    font-weight: normal; /* thin? normal? bold? */
    font-style: normal;
}