css – 如何为后备字体设置不同的字体权重？

我遇到了我用于我的网站的自定义字体的问题.

所以我使用以下CSS文本.

font-family: "Open Sans",Helvetica,Arial;
font-weight:600;

由于网站是用我的母语构建的,我必须使用UTF-8符号,这似乎不包含在Open Sans中,所以它们在Helvetica中显示,但问题是它们有更多的权重.

是否有任何可能的解决方案将font-weight参数设置为normal,如果正在使用fallback字体？

解决方法

您可以为所需的每种字体定义新的@ font-face.

@font-face {
      font-family: 'mainFont';
      src: url(/*Link to Open Sans*/);
      font-weight: 600;
}

@font-face {
      font-family: 'secondaryFont';
      src: local('Helvetica');
      font-weight: 400;
}

@font-face {
      font-family: 'tertiaryFont';
      src: local('Arial');
      font-weight: 600;
}

然后你最终会得到font-family：’mainFont’,’secondaryFont’,’tertiaryFont’;哪个应该得到预期的结果.