Увеличение/уменьшение/сброс размера шрифта не работает

Question

Я пытаюсь настроить параметр увеличения/уменьшения/сброса размера шрифта на моем веб-сервере, но он, похоже, не работает. Я хочу, чтобы все элементы, чтобы изменить размер (то есть заголовки, кнопки, модальные окна и так далее)

Это мой код до сих пор, я включал jsfiddle здесь: http://jsfiddle.net/R3NGU/3/

var originalFontSize = $('.page').css('font-size'); 

// reset font size 

$(".resetFont").click(function() { 
    $('html').css('font-size', originalFontSize); 
}); 

// increase font Size 

$(".increaseFont").click(function() { 
    var currentFontSize = $('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum * 1.2; 
    $('html').css('font-size', newFontSize); 
    return false; 
}); 

// decrease font size 

$(".decreaseFont").click(function() { 
    var currentFontSize = $('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum * 0.8; 
    $('html').css('font-size', newFontSize); 
    return false; 
}); 

Answer 1

Вместо:

$('html').css('font-size', newFontSize); 

используйте wildcard all selector:

$('*').css('font-size', newFontSize); 

jsFiddle example

Answer 2

я использовать это, чтобы уменьшить весь размер шрифта для каждого элемента

jQuery('body').each(function(index) { 
    jQuery(this).find('*').each(function() { 

    var cur_size = jQuery(this).css('font-size'); 
    //alert(cur_size); 
    cur_size = cur_size.replace("px",""); 
    jQuery(this).css('font-size', (cur_size - 2)); 
    }); 
});