在字体系列中为每种字体指定不同的权重

Question

在您的字体系列中使用备份字体时有时您可能想要使用一个轻量级版本的未来世代哥特式替代品，如何在我的CSS中指定此项？通常编号只是写

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

但这也会使世纪哥特式的重量300，正确吗？

Answer 1

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

“世纪哥特式”不是这里的选择器。字体重量和字体系列完全不同。它们应用在选择器上。

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

Answer 2

我认为那只能通过Javascript来实现。

检查了这一点：http://lucassmith.name/2009/05/test-if-a-font-is-installed-via-javascript.html

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

如果没有安装的字体，你可以设置不同的font-weight。

Answer 3

不，它会使font-weight等于300，不管字体家族是什么。对于几乎所有的字体，没有300版本，所以它通常会映射到400（普通）。如果某种字体的版本与300对应，则Futura（当可用时 - 它不在大多数计算机中）可能具有，则权重设置生效。

根据浏览器和系统的不同，轻量级版本也可能以自己的名字知道，因此类似p {font-family:"century gothic", "futura light"; font-size:14px;}可能会有效。浏览器中字体权重的处理非常麻烦。