Mixin使用可变字体

时间:2018-12-03 15:33:28

标签: css fonts sass

可能无法解决的Sass / CSS问题:我使用的是可变字体,但Chrome当前仅支持table.row($(e.target).closest('tr')).remove().draw(); ,而不能使用font-variation-settingsfont-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。有解决方案吗?

0 个答案:

没有答案