@font-face 无法选择我的自定义字体

Question

我正在使用 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 文件，它们是否有问题？

谢谢大家。

Answer 1

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