0

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

@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 版本时，我什么也得不到，只是出现了一个通用字体。当我检查萤火虫时，会出现粗体，但不会出现精简版或中等版本。我很困惑。我检查了拼写，重新下载了文件，但什么也没有。

用 squareslab medium 和 lite 来解决这个问题是不可能的吗？即使我从不同的来源下载了 ttf 文件，它们是否有问题？

多谢你们。

4

1 回答 1

1

并非所有地方都支持 TTF。而且，如果您使用 IE 来查看此字体，则很难准备 TTF 以使其在每个 IE 中都能正常工作。尝试http://www.fontsquirrel.com/fontface/generator/从您的 TTF 生成适当的网络字体。

于 2012-08-14T16:49:59.470 回答