可能无法解决的Sass / CSS问题:我使用的是可变字体,但Chrome当前仅支持table.row($(e.target).closest('tr')).remove().draw();
,而不能使用font-variation-settings
,font-weight
等,我仍然想使用{ {1}}等,用于不支持可变字体的旧版浏览器。
我不想每次设置字体样式或字体粗细时都要输入两个属性!所以我想出了一些mixin:
font-style
很明显,有时候我会同时使用font-weight 和,并且您不能两次设置相同的CSS属性-它会被覆盖。所以我想出了
font-weight
除了默认字体粗细为400(这是浏览器的默认正常粗细)之外,其他方法都可行,但这并不说明我可能会在其他地方设置字体粗细。我只能放弃一半,并使其成为单个mixin @mixin font-weight($weight) {
font-variation-settings: "wght" $weight;
font-weight: $weight;
}
@mixin oblique($angle) {
font-variation-settings: "slnt" $angle;
font-style: oblique #{$angle + deg};
}
,但这是与imo一起使用的可怕API。有解决方案吗?