2013-02-18 70 views
0

我用http://www.fontsquirrel.com/fontface/generator来生成字体GillSans的各种版本(.svn,.eot ...)。FontFace中字体的不同版本

我现在可以使用这样的:

@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还包括“吉尔三世之光”(粗体,斜体等),我怎么可以指定“光”的版本?谢谢

编辑正如指出的那样,解决方案使用不同的字体。为了从一个单一的TTC的TTF我发现这个工作Python脚本:http://pastebin.com/QXcAtP24

+1

我想'字体face'只支持一个每声明的重量。您需要将权重分为单独的'woff','ttf'和'svg'文件。 – BenM 2013-02-18 10:17:36

+0

添加新的'font-face',然后指定一个新的名字'font-family:GillSansFF-italic'并添加字体斜体字 – dinodsaurus 2013-02-18 10:20:01

+0

的路径呀,问题是在我的系统(Mac)上,我只有有一个GillSans.ttc(这是一个字体集合)收集所有各种.ttf任何工具来提取它们?谢谢 – pistacchio 2013-02-18 10:29:08

回答

1

只需添加一个额外的@ font-face声明为您Light字体:

@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; 
} 
+0

字体的所有权重都在一个TTF中。 – BenM 2013-02-18 10:31:44

+0

啊对,他在我回答 – Pete 2013-02-18 10:32:42

+0

之前从来没有说过这个问题: “既然GillSans也包含”Gill Sans Light“(粗体,斜体等),我怎样才能指定”Light“版?” – BenM 2013-02-18 10:33:21