为font-family中的每种字体指定不同的权重

时间:2012-07-26 10:52:46

标签: css fonts typography font-family

在你的字体系列中使用备份字体有时你可能想要使用轻量版的futura代替世纪哥特式,我怎么能在我的CSS中对此进行规范?通常只是写

p {font-family:"century gothic", futura; font-weight:300; font-size:14px;}

但这也会使世纪哥特式的重量达到300,对吗?

3 个答案:

答案 0 :(得分:0)

CSS样式仅应用于选择器。在这种情况下,它将应用于所有p标签。

“世纪哥特式”不是这里的选择者。而且font-weight和font-family完全不同。它们应用于选择器。

300对“世纪哥特式”不会产生任何影响。它只会改变使用p标签定义的所有段落的字体权重。

答案 1 :(得分:0)

我认为这只能通过Javascript实现。

检查出来:http://lucassmith.name/2009/05/test-if-a-font-is-installed-via-javascript.html

在这里演示:http://lucassmith.name/pub/font_installed.html

如果未安装该字体,您可以设置不同的font-weight

答案 2 :(得分:0)

不,无论字体系列是什么,它都会使font-weight等于300。对于几乎所有字体,没有300版本,因此通常会映射到400(正常)。如果某些字体的版本对应300,那么Futura(如果可用 - 它不在大多数计算机中)可能有,那么权重设置就会生效。

根据浏览器和系统的不同,轻型版本也可能以其自己的名称为人所知,因此p {font-family:"century gothic", "futura light"; font-size:14px;}之类的内容可能会有效。浏览器中字体权重的处理非常混乱。