3

我有一些自定义字体，例如 Trade Gothic Oblique.ttf，现在我在我们的网站中使用它，但在加载网站以安装此字体之前它没有安装我使用了以下代码：

@字体脸

{

字体家族：“TadeGothic”，TradeGothic，TradeGothic LT Std；

src: url(../fonts/Trade Gothic LT Std Condensed No. 18.ttf);
src: url(../fonts/Trade Gothic Oblique.ttf);

}

但它不起作用。你能告诉我它有什么问题吗？

4

3 回答 3

1

.eot仅适用于 IE。对于其他人，您应该使用.otfor.ttf文件。以下应该有效：

@font-face {
    font-family: 'Font 1';
    src: url('Font1.eot?') format('eot'), url('Font1.ttf') format('truetype');

}

另一种方式如下：

@font-face{
    font-family:'Font 1';
    src: url('Font1.eot'); // For IE
}

@font-face{
    font-family:'Font 1';
    src: url('Font1.otf'); // For others
}
于 2013-07-22T02:46:25.843 回答
1

您可能想在http://www.fontsquirrel.com/fontface查看 FontSquirrel 。他们向您展示如何做到这一点。

但请注意，它在 IE 上的工作方式与在其他浏览器上的工作方式不同。我相信 IE 需要 TTF 而其他浏览器需要 OTF 作为嵌入式字体标准。

于 2012-10-01T11:05:09.850 回答
1

简单地使用.ttf文件类型将无法跨浏览器工作。如果您查看Paul Irish 的这篇博文，您可能会对在您的网站中嵌入字体有更好的理解。

还有很多其他网站都有说明，一个简单的搜索就会给你很多信息。

于 2012-10-01T11:05:57.807 回答