SummArg | Cursos y recursos para webmasters

Aumentar y disminuir el tamaño de una fuente con JavaScript

La función de aumentar y disminuir el tamaño de la tipografía en un website es muy requerida en sitios con grandes cantidades de texto, por mencionar un ejemplo. El modo de lograr el truco es muy sencillo y podemos utilizarlo en cualquier plataforma utilizando un poco de JavaScript. Entre etiquetas <head> colocamos el siguiente código:

<script type="application/javascript"> var fontSize = 1;
function zoomIn() {
fontSize += 0.1; document.body.style.fontSize = fontSize + "em";
}
function zoomOut() {
fontSize -= 0.1; document.body.style.fontSize = fontSize + "em";
} </script>

Entre etiquetas <body> ubicaremos los dos botones destinados a aumentar y disminuir la tipografía:

<input type="button" value="+" onClick="zoomIn()"/>
<input type="button" value="-" onClick="zoomOut()"/>

Con esto ya tendremos nuestros botones funcionando!

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: La función de aumentar y disminuir el tamaño de la tipografía en un website es muy requerida en sitios con grandes cantidades de texto, por mencionar un ejemplo. El modo de lograr el truco es muy sencillo y podemos utilizarlo…..

  2. hola como estas?
    una pregunta como hago para qeu funcione en explorer 10.?

Dejar un comentario