@ font-face for font variant

时间:2010-10-28 19:40:25

标签: css font-face bold embedded-fonts

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

我在我的网站上使用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。

1 个答案:

答案 0 :(得分:1)

我刚刚收到来自Font Squirrel的电子邮件:生成器不会在当前版本中拆分.dfont文件,因此可以解释它。