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

Question

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

Answer 1

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

演示

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

Answer 2

本文展示了一种仅在 CSS 中执行此操作的好方法。

http://joshnh.com/2011/07/26/are-you-using-ems-with-your-media-queries/

关键是只使用em，然后您可以通过更改基础来全局切换字体大小em。