@font-face 用于字体变体

Question

有谁知道如何使用 Font Squirrel @font-face 套件生成器或类似的东西来输出字体的变体，即粗体变体？

我在我的网站上使用 Gill Sans，并将其设置为“font-weight：900”或“font-weight：bold”，这在我的机器上看起来很棒，因为它安装了字体。但是，如果我只是嵌入 Font Squirrel 生成的字体，我只能得到“常规”变体，而“粗体”则无法正确显示。

有谁知道嵌入字体粗体变体的方法？

Gill Sans 只有一个文件，当我上传它时，这是 Font Squirrel 给我的：

 @font-face {
      font-family: 'GillSansRegular';
      src: url('../fonts/gillsans-webfont.eot');
      src: local('☺'), url('../fonts/gillsans-webfont.woff') format('woff'), url('../fonts/gillsans-webfont.ttf') format('truetype'), url('../fonts/gillsans-webfont.svg#webfontDATch26L') format('svg');
 }

原始文件无疑包含粗体、斜体等信息，但我想知道 Font Squirrel 是否删除了变体，只剩下“常规”变体。

即使我只是向所有内容添加粗体，它也不会在任何地方显示为粗体：

 @font-face {
     font-family: 'GillSansBold';
     src: url('../fonts/gillsans-webfont.eot');
     src: local('☺'), url('../fonts/gillsans-webfont.woff') format('woff'), url('../fonts/gillsans-webfont.ttf') format('truetype'), url('../fonts/gillsans-webfont.svg#webfontDATch26L') format('svg');
     font-weight: bold;
 }

即使我从样式表中的其他任何位置删除所有字体系列和字体粗细，也没有任何内容是粗体的。一切都以 Gill Sans Regular 的形式显示。

Answer 1

我刚刚收到一封来自 Font Squirrel 的电子邮件：生成器不会在当前版本中分割 .dfont 文件，所以这解释了它。