jQuery.css中的字体变化设置

每个字母都有一个跨度（letting.js）。我使用的字体是可变字体。 每次我悬停跨度时，“wght”（字体重量）必须在20-500 wght之间随机变化。 jQuery：

这是行不通的。我猜这是因为“字体变化设置：\'wght\'”varwght

---

我怎样才能解决这个问题？提前感谢。：）

您只是错误地连接了字符串。试试这个：

$(document).ready(function() {
  $(".letter").hover(function() {
      var varwght = Math.floor((Math.random() * 500) + 20);
      var xstyles = {"font-variation-settings": "'wght' " + varwght};
      $(this).css(xstyles);
  });
});

{“字体变体设置：\'wght\'”varwght}

这是无效的js代码。尝试修复第一个

{“字体变化设置”：“\'wght\'”varwght}

$(document).ready(function() {
  $(".letter").hover(function() {
      var varwght = Math.floor((Math.random() * 500) + 20);
      var xstyles = {"font-variation-settings": "'wght' " + varwght};
      $(this).css(xstyles);
  });
});