css：如何将给定的字体映射到给定的权重？

Question

我需要为特定的权重指定字体。

AvenirNext-常规是我想要的基本字体。但是说到加粗，结果不是我想要的：AvenirNext-Bold太重了。我想用AvenirNext-DemiBold代替。

有没有一种很酷的方法将Semibold（或我需要的任何字体）指定给font-weight:bold属性？

[编辑]我试图探索以下内容，但有没有办法为现有的字体添加src？

@font字体 { 字体系列： “阿文尼尔下一个半粗体”; 字体粗细： 粗体; }

Answer 1

您可以执行类似font-size： 600；的操作，它是半粗体的。

但是，我可能是错的，此问题似乎与您加载到页面的自定义字体更相关，因为我注意到“AvenirNext-常规”和“AvenirNext-粗体”。

如你所说，你想要DemiBold -有这样的自定义字体嵌入字体的重量吗？

希望这有所帮助。

Answer 2

要在所有< code>font-weight: bold赋值中使用半粗体字体，只需在CSS中搜索并替换< code>bold表示< code>600(或任何与半粗体相等的值)。这仅适用于半粗体版本的字体包含在系列中的情况(也就是说，通过浏览器下载或者已经在用户的PC上)。

CSS中的< code>bold实际上是一个变量关键字，它直接映射到< code>700的字体粗细。< code>normal转到< code>400,还有几个其他的，您可以在下面的文章中看到:

PS -虽然不是要求，但是为了控制，我觉得按字面意思使用权重值比用英文单词要好得多。