我遇到了我用于我的网站的自定义字体的问题.
所以我使用以下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’;哪个应该得到预期的结果.
