Question

抱歉可能是个傻瓜，但我不能使用@ font-face和倍数，我有3个.ttf文件保存在'fonts'文件夹中

@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之后的几秒钟内下载字体。

任何帮助表示感谢。

谢谢，

Answer 1

我的.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文件中必须有一些东西使它们无法解释为浏览器，但没有损坏。

@ font-face .ttf文件多个，一些工作，一些失败

1 个答案: