Jquery mobile 这是否可以更改jquery mobile中整个应用程序的字体

在我的应用程序中有字段更改font实际使用该用户可以更改整个应用程序的字体。如果我的项目中有100个字段（每个页面上的字体大小可能不同），这是否可能。用户如何更改字体大小。以便它能够反映整个应用程序。当我目瞪口呆时，我发现有放大和缩小功能。这不是一个好方法。？有什么方法可以改变整个应用程序的字体吗？

这篇文章展示了一种只在CSS中实现的好方法

---

关键是只使用

em

，然后您可以通过更改

em

的基数来全局切换字体大小

您可以动态创建样式，并将其应用于

正文中的所有元素


$（'select#font'）。在（'change'，function（）{
var风格；
var font=$（this.val（）；
if（$（'head'）.find（'style.font'）。长度==0）{
style=$（'.font{font size:'+font+'！important；}'）；
$（'head'）。追加（样式）；
$（'body*'）.addClass（'font'）；
}否则{
$（'body*'）。removeClass（'font'）；
$（'style.font'）.empty（）；
style='.font{font size:'+font+'！重要；}'；
$（'style.font'）。追加（样式）；
$（'body*'）.addClass（'font'）；
}
});
检查此项，请您举例说明如何操作。请提供一些我需要的代码，用于整个应用程序，而不是单个页面。给我一些提示。这是代码，整个应用程序都是有效的。我需要同样的东西。有没有办法将我的代码压缩并发送给您？对不起，我是初学者。您能提供一些示例作为sfiddle吗？@omar给出了一个很好的例子，他没有给出任何代码。@zeviorodrigues:在这个例子中按Strg+U（在Firefox中）由Omar@zeviorodrigues不，这里的代码不是给你的，它是给别的东西的。
 $('#select_font').on('change', function () {
    var style;
    var font = $(this).val();
    if ($('head').find('style.font').length === 0) {
        style = $('<style class="font">.font { font-size: ' + font + ' !important; }</style>');
        $('head').append(style);
        $('body *').addClass('font');
    } else {
        $('body *').removeClass('font');
        $('style.font').empty();
        style = '.font { font-size: ' + font + ' !important; }';
        $('style.font').append(style);
        $('body *').addClass('font');
    }
});