jQuery .css中的多个字体变化设置

Question

我试图用两个轴来操纵可变字体，以响应手机的设备方向。但是，它仅适用于我要在CSS中更改的两个值中的第一个。

$('#thething').css('font-variation-settings', '"wght"' + alpha*100, '"wdth"' + beta*100);

即将发布的CSS语法必须如下所示：

#thething {font-variation-settings: 'wght' VARIABLEALPHA, 'width' VARIABLEBETA};

如何更改代码以使其同时适用于两个变量？

Answer 1

尝试这种方式：

$('#thething').css('font-variation-settings', "'wght'" + alpha*100 + ", 'wdth'" + beta*100);

在您的代码中，逗号不在字符串参数中。