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

Question

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

所以我使用以下CSS文本.

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

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

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

Answer 1

您可以@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';得到所需的结果.