使用jQuery更改字体族

我正试图弄明白为什么这不起作用：

$(document).ready(function() {
   if (fontPreference === "MavenPro") {
       $("*").css('font-family', '"Maven Pro" !important');
   }
});

我有必要的样式表，持有的字体。。。我遗漏了什么吗？

$（文档）.ready（函数（）{
$（“#设置字体”）。单击（函数（）{
$（“body”）.append（“*{font-family:monospace！important；}”）；
});
});

一些文本
问题是jQuery不理解！使用.css（）时使用的重要属性，但可以使用.attr（）。像这样：


$（文档）.ready（函数（）{
$（“#selectionTest”）.change（函数（）{
var fontPreference=$（“#selectionTest”）.val（）；
$（“body”）.attr（'style'，'font-family:“+fontPreference+”！important'）；
});
});

这是我们将要测试的tekst

此p具有内嵌样式

arial
威尔达纳
漫画字体
马文普
什么是
fontPreference
？jQuery无法识别
的重要性规则。什么意思，不工作？css样式是否被应用并随后被过度使用？是否根本没有运行？请使用以下行更新代码“$（“*”）.css（'font-family'，'Maven-Pro！important'）`你认为代码应该有效。这里有一个简化的问题：您的代码是否进入fontPreference逻辑？Downvoter，请解释您在这个答案中发现的问题？但这也将消除页面中任何元素上的任何现有内联样式更改代码段，因此不应更改内联样式，感谢您指出：）