Question

我在我的rails应用程序中使用CSS中的以下行导入一些自定义字体：

@font-face
{
  font-family: "SquareSlabLite";
  src: url("/assets/squareslablite.ttf");
}

@font-face
{
 font-family: "SquareSlabBold";
 src: url("/assets/squareslabheavy.ttf");
}

@font-face
{
  font-family: "SquareSlabMedium";
  src: url("/assets/squareslabmed.ttf");
}

当我转到localhost：3000 / assets / font .ttf的位置时，我会看到相应的字体显示下载。但是，当我尝试使用字体时，例如：

h2{
  font-family: "SquareSlabLite";
  }

此行仅在使用SquareSlabBold时有效。当我尝试使用本文的Lite或Med版本时，我什么也得不到，只显示一个通用字体。当我查看firebug时，粗体显示，但不是精简版或中等版本。我很困惑。我检查了拼写，redownloaded文件，但没有。

是不是可以使用squarelab medium和lite？ ttf文件可能有问题，即使我从不同来源下载了它们吗？

谢谢你们。

Answer 1

到处都不支持TTF。如果你使用IE浏览器来查看这个字体，那么准备TTF就很难在每个IE中工作。尝试使用http://www.fontsquirrel.com/fontface/generator/从您的TTF生成适当的网络字体。

@ font-face无法获取我的自定义字体

1 个答案: