如何控制 CSS 中的字体粗细 [重复]答案

【问题标题】：How do i control the font weight in CSS [duplicate]如何控制 CSS 中的字体粗细 [重复]
【发布时间】：2011-10-22 05:43:19
【问题描述】：

所以我正在为我的一个小产品制作着陆页。

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

在我的机器上显示合适的重量很轻

然后我尝试更具体地使用类似的东西

字体系列：“HelveticaNeue-Light”、“Helvetica Neue Light”、“Helvetica Neue”、Helvetica、Arial、“Lucida Grande”、无衬线；

但还是没有运气。

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

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

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

【问题讨论】：

标签： css fonts

【解决方案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;  
}

上面的代码sn-p来自：http://randsco.com/index.php/2009/07/04/p680，里面有详细的解释。

【讨论】：