jquery - 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);

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