jQuery .css中的font-variation-settings

Question

我每个字母都有一个跨度（lettering.js）。我使用的字体是可变字体。 每次我徘徊跨度，＆＃34; wght＆＃34; （字体粗细）必须在20-500之间随机变化。 jQuery的：

var _URL = window.URL || window.webkitURL;

$('#inpfile').change(function(){
    var file, img;
    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function() {
            var w = this.width;
            var h = this.height;
            if (w < 960 || h < 540){
                alert('image is too small');
            }
        };
        img.onerror = function() {
            alert('wrong file');
        };
        img.src = _URL.createObjectURL(file);
}
$('#imgt').attr("src", $(this).val()
$(this).val('');
});

这不起作用。我想这是因为＆＃34;字体变化设置：\＆＃39; wght \＆＃39;＆＃34; varwght 我怎么解决这个问题？提前致谢。 ：）

Answer 1

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

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