Existe un nuevo plugin para jQuery llamado fontSizer, este plugin ha sido desarrollado entre 2 desarrolladores chilenos: Jorge Epuñan y Rodrigo Augosto, este plugin sirve básicamente para manejar el aumento y disminución del tamaño de fuentes en una página web, y el usarlo en tu sitio web o blog es muy sencillo, solamente debes de descargar el plugin FontSizer y jQuery en cualquier versión superior a la 1.2:
- Adjuntar jquery.js y jquery.fontSizer.js entre las etiquetas <head></head>
- Definir id’s para ambos links, por ejemplo #aumentar (+) y #disminuir (-)
- Inicializar el plugin, como en el ejemplo:
$(document).ready(function(){ $(’#aumentar).fontSizer({ action: "up" }); $(’#disminuir).fontSizer({ action: ‘down’, }); });
- Eso es. El único parámetro obligatorio es indicar la acción de cada link mediante action. Los parámetros son:
- action: «up/down» (requerido).
- elements: «elemento» (un id, class o etiqueta donde actuará el cambio de tamaño de fuente).
- increment: número (en cuántos pasos serán el cambio de tamaño; por defecto es de 1 en 1).
- max: número (tamaño máximo del tamaño de fuente; por defecto es 30px).
- min: número (tamaño mínimo del tamaño de fuente; por defecto es 8px).
Puedes ver un ejemplo funcionando y puedes descargar el plugin.