jquery - 使用 jQuery 根据字体系列更改正文字体大小

Question

我正在尝试将 Myriad Pro 用作 Arial 的主要字体，例如像这样的后备字体:

font: 13px "Myriad Pro", "Helvetica", "Arial", "sans-serif";

我想在选择 Arial 或 Helvetica 时更改字体大小。这是我在 jQuery 中的内容，但它不起作用:

$(function(){
  if ($("body").css("font") == "Arial") {
    $("body").css("font", "10px");
};
});

感谢您的时间、帮助和慷慨 :)

Answer 1

JavaScript 没有官方支持的检测字体的方法，但这个库是一个不错的解决方法:http://www.lalit.org/lab/javascript-css-font-detect

使用这个检测器，您可以使用:

$(function(){
  var fontDetector = new Detector();
  if(fontDetector.test('Arial')){
    $('body').css('font-size', '10px');
  }
});

另请注意，您应该只更改font-size 属性。如果更改 font 属性，则会覆盖字体大小和字体系列。