Question

我使用http://www.fontsquirrel.com/fontface/generator生成字体GillSans的各种版本（.svn，.eot ...）。

我现在可以这样使用它：

@font-face {
  font-family: 'GillSansFF';
  src: url('fonts/GillSans.eot');
  src: local('☺'), url('fonts/GillSans.woff') format('woff'), url('fonts/GillSans.ttf') format('truetype'), url('fonts/GillSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1 {
    font-family: "GillSansFF", Calibri, sans-serif;
}

由于GillSans还包括“Gill Sans Light”（Bold，Italic等），我如何指定“Light”版本？感谢

编辑正如所指出的，解决方案是使用不同的字体。为了从单个ttc中提取ttf，我找到了这个有效的Python脚本：http://pastebin.com/QXcAtP24

Answer 1

只需为您的灯光字体添加额外的@ font-face声明：

@font-face {
  font-family: 'GillSansFF';
  src: url('fonts/GillSans.eot');
  src: local('☺'), url('fonts/GillSans.woff') format('woff'), url('fonts/GillSans.ttf') format('truetype'), url('fonts/GillSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSansFF';
  src: url('fonts/GillSans-light.eot');
  src: local('☺'), url('fonts/GillSans-light.woff') format('woff'), url('fonts/GillSans.ttf') format('truetype'), url('fonts/GillSans-light.svg') format('svg');
  font-weight: lighter;
  font-style: normal;
}

FontFace中字体的不同版本

1 个答案: