1

抱歉，这可能很愚蠢，但我不能将@font-face 与倍数一起使用，我在“字体”文件夹中保存了 3 个 .ttf 文件

@font-face
{
font-family:'sansation';
src: url('fonts/Sansation_light.ttf') format('truetype');
}
p
{
text-align:left;
font-family:'sansation';
font-size:16px;
}

以上工作正常，但是当我对其他人做同样的事情时：

@font-face
{
font-family:'ttf_outwrite';
src: url('fonts/outwrite.ttf') format('truetype');
}
a
{
font-size:20px; 
font-family:'ttf_outwrite';
}

...它似乎根本没有链接。这可能与多个 .ttf 文件吗？如果您想尝试复制该问题，可以在几秒钟内从http://www.fontspace.com/ttf下载字体。

任何帮助表示赞赏。

谢谢，

4

1 回答 1

0

对于某些字体但不是其他字体的 .ttf 文件，我一直遇到同样的问题。我的解决方案是一种解决方法，我将字体转换为 woff 文件类型：

@font-face {
    font-family: "trade";
    src: url(/static/common/fonts/trade-gothic-bold.ttf) format("truetype"), url(/static/common/fonts/trade-gothic-bold.eot) format("embedded-opentype"), url(/static/common/fonts/trade-gothic-bold.woff) format("woff");
}

我知道这并不能解决根本问题，并希望有人有更好的答案。我的 .ttf 文件没有损坏，因为我从它转换了我的 .woff。我的想法是，这些不工作的 .ttf 文件中必须有一些东西使它们无法被浏览器解释，但不会损坏。

于 2014-04-17T19:53:54.677 回答