1

我对 html 和 css 还是很陌生，所以我可能会忽略一些事情。一直在自娱自乐地尝试创建一个小网站并最终将字体嵌入其中。它在 Firefox 中运行，但在 Internet Explorer 中却不是。我不知道其他浏览器。这是该网站的链接。单击 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;
}

我一直在寻找，但没有足够的经验来理解这一切。关于网站的其他评论也很受欢迎。谢谢你的帮助！

4

2 回答 2

0

这是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

于 2013-02-18T22:05:54.520 回答
0

不是所有的浏览器都支持 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;
}
于 2013-02-18T22:21:12.723 回答