如何为后备字体设置不同的字体粗细？

我在网站上使用的自定义字体遇到了问题。

所以我对文本使用以下 CSS。

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

由于网站是用我的母语构建的，我必须使用 UTF-8 符号，这似乎不包含在 Open Sans 中，因此它们以 Helvetica 形式显示，但问题是它们的权重更大。

如果使用后备字体，是否有任何可能的解决方案将字体粗细参数设置为正常？

你可以定义一个新的@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';这应该会得到预期的结果。