Question

所以我正在为我的一个小产品登陆页面工作。

http://finaltouchapp.com/

该应用程序适用于OSX，因此我的目标组将在Mac上。他们中的许多人将拥有Helvetica Neue，因此我创建了一个字体系列和字体粗细，看起来像这样。

font-family：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，sans-serif; 字体重量：100;

问题是在某些机器上它会显示这样的超轻版本。

https://img.skitch.com/20110808-kwyja7m8anmjsyc1xcqqk174x1.png

在我的机器上显示适当的重量

然后我尝试使用类似

的更具体的内容

font-family：“HelveticaNeue-Light”，“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，sans-serif;

但仍然没有运气。

我假设是因为人们在他们的Helvetica Neue文件夹中有不同的权重，但我不知道如何处理它。

当然，另一种选择是使用font-face，但我宁愿让那些有字体的人显示它，其余的则使用普通的Helvetica。

任何人都知道如何处理它。

Answer 1

使用CSS3，您可以包含自己的TTF字体文件，然后使用它。

@font-face { 
   font-family: " your FontName ";  
   src: url( /location/of/font/FontFileName.eot ); /* IE */  
   src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */  
}

/* THEN use like you would any other font */  
.yourFontName {
   font-family:" your FontName ", verdana, helvetica, sans-serif;  
}

上面的代码段来自：http://randsco.com/index.php/2009/07/04/p680，详细解释了这一点。

如何控制CSS中的字体粗细

1 个答案: