Firefox font-weight 与 font-family 属性；如何避免双粗

Question

如果从 CSS 给出以下代码:

font-family:SpecialBold;
font-weight:bold;

Firefox 双粗体(它粗体已经是粗体类型)。这在 Safari、Opera 或 Chrome 中似乎不是问题。我不能只是删除 font-weight:bold;因为如果托管字体出现问题，默认字体不会加粗。

我面临的问题是尝试在 @font-face 上使用非网络安全的排版。我使用的字体具有特定的粗体字体。在 Chrome 等中，以下操作不起作用:

font-family:Special;
font-weight:bold;

因为如果使用的是 SpecialBold 字体，则特殊字体只能是粗体。

如何使 Firefox 不会对已经加粗的字体加粗？或者，反之亦然，我可以让 Chrome 等在 font-weight:bold 时使用粗体字体吗？用来？

Answer 1

您可以使用此规则告诉浏览器 SpecialBold 已经是粗体，因此不需要应用合成粗体:

@font-face {
  font-family: SpecialBold;
  font-weight: bold;
  src: local(SpecialBold);
}

当然，可能需要根据您的字体名称进行修改。