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

Question

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

Answer 1

您可以动态创建样式并将其应用于 body 中的所有元素。

Demo

 $('#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');
    }
});