使用jQuery更改基于Font-Family的Body Body Size

前端之家收集整理的这篇文章主要介绍了使用jQuery更改基于Font-Family的Body Body Size前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用Myriad Pro作为我的主要字体与Arial,如像这样的回落:
font: 13px "Myriad Pro","Helvetica","Arial","sans-serif";

当选择Arial或Helvetica时,我想更改字体大小.这是我在jQuery中,但它不工作:

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

我感谢你的时间,帮助和慷慨:)

解决方法

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属性.如果您更改字体属性,则覆盖字体大小和字体系列.

原文链接:https://www.f2er.com/jquery/175874.html

猜你在找的jQuery相关文章