上一篇: css – 如何使用引导程序调整每行... 下一篇:模板 – 是否可以将CSS3框阴影内...

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

CSS 发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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’;哪个应该得到预期的结果.