首页 文章

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

提问于
浏览 次
-1

这个问题在这里已有答案：

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

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 .

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

css design fonts

1 回答

  • 0

    使用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，详细解释了这一点 .

    回复于

相关问题