Increase Page Source

Question

Good afternoon,

I own a table and within it I call an iframe in which within it I call another site. I have a javascript function to increase and decrease the font of the page components, but everything inside the iframe is not changed.

JS Code:

$('.BTAumentarFonte').click(function () {
        //span
    $('.TBMainTableMP2 span, .TBMainTableMP2 p, .TBMainTableMP2 a, .TBMainTableMP2 div, .form-control, .TBMainTableMP2 iframe').each(function(){
        var tamFonteAux = $(this).css('font-size');
        var tamAux = tamFonteAux.length;

        var tamFonte = parseInt(tamFonteAux.substr(0, tamAux - 2));
        //if((tamFonte > 21) || (tamFonte < 10)){tamFonte = 10;}

        if (tamFonte < 22) {
            $(this).css('font-size', tamFonte + 1 + 'px');
        }
    });        

});

$('.BTDiminuirFonte').click(function () {
    //span
    $('.TBMainTableMP2 span, .TBMainTableMP2 p, .TBMainTableMP2 a,.TBMainTableMP2 div, .form-control, .TBMainTableMP2 iframe').each(function(){
        var tamFonteAux = $(this).css('font-size');
        var tamAux = tamFonteAux.length;        
        var tamFonte = parseInt(tamFonteAux.substr(0, tamAux - 2));     
        //if((tamFonte > 21) || (tamFonte < 10)){tamFonte = 11;}

        if (tamFonte > 10) {
            $(this).css('font-size', tamFonte - 1 + 'px');
        }
    });
});

This Tbmaintablemp2 is my table class and within it I want to take the iframe tag and increase the fonts inside. Can anyone say what I need to change to work ?

Thanks in advance.