【问题标题】:@font-face for font variant@font-face 用于字体变体
【发布时间】:2011-05-02 02:06:06
【问题描述】:

有谁知道如何使用 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。

【问题讨论】:

标签: css font-face bold embedded-fonts


【解决方案1】:

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

【讨论】:

  • 如果其他人在使用 Font Squirrel 并遇到此问题,peter.upfold.org.uk/projects/dfontsplitter 有一个非常棒的转换器可以拆分文件,然后您可以从那里为您选择的任何变体生成一个工具包。
猜你喜欢
  • 2013-02-26
  • 2014-07-07
  • 2019-08-06
  • 2013-03-02
  • 1970-01-01
  • 1970-01-01
  • 2012-11-18
  • 1970-01-01
  • 2020-08-10
相关资源
最近更新 更多