Insira os id’sui_fontIncrease e ui_fontDecrease nos gatilhos que irão aumentar e diminuir a fonte, respectivamente
Esses elementos podem ser quaisquer marcações Html
Envolva o conteúdo que sofrerá o efeito em um elemento com a classui_font
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
Os botões serão automaticamente desativados após 3 cliques
Para alterar esse padrão, use em ui_fontIncrease e ui_fontDecrease o atributo data-limit e informe o valor desejado, exemplo: data-limit="1".
A fonte deve aumentar/diminuir 1 pixels por vez.
Para alterar esse padrão, use em ui_font o atributo data-step e informe o valor desejado (em pixels), exemplo: data-step="3"
O mesmo documento pode ter vários ui_font (todos independentes entre si). Já os botões ui_fontIncrease e ui_fontDecrease devem ser únicos e controlarão todos os ui_font, cada qual com as suas respectivas características de tamanho de fonte, limite, step e etc.
Todos os elementos filhos de ui_font serão escalonados, independente se há fonte própria, se recebem algum valor por hierarquia (inherit), se possuem tags próprias ou se estão fora de nodes (text nodes).
Caso necessário, usuários avançados podem usar a classe ui_fontKeep que não será afetada pelo controle de fonte. Assim como o próprio elemento, os filhos de ui_fontKeep também preservarão o tamanho da fonte original.