Tenho que aplicar o recurso de acessibilidade para aumentar e diminuir fonte. Atualmente tenho 3 botões: Fonte Pequena, Fonte Normal e Fonte Grande. 

A ideia é que ao clicar em cada botão, seja chamada a respectiva função em javascript. E que a fonte aumente ou diminua para um determinado tamanho e pronto (não poder aumentar 2px a cada vez clicada por exemplo, era 12 foi direto pra 20 e para por ai).

O que está complicando é que se trata de um site grande, muitas classes, ids, muito conteúdo.

Pensei em realizar a alteração na fonte por meio do getElementsByTagName, porém uma mesma tag varia seu tamanho e espaço disponível de acordo com a página.

Por exemplo temos H1 com fonte 50 em uma página e que dá pra aumentar até 60, 70, mas também temos H1 com fonte 20 que aumenta até 30 (senão ultrapassa o tamanho da página e zoa tudo).


O que me resta de opção então? Fazer classe por classe?