Jquery: Aumentar o disminuir tamaño de fuente

Vamos a aprender como crear unos botones para aumentar o disminuir el tamaño actual de la fuente de una página web (o una sección en concreto) utilizando jQuery y su propiedad para editar las hojas de estilo css.

Script jQuery para cambiar el tamaño de la fuente:

$(document).ready(function(){
  
  // Donde queremos cambiar el tamaño de la fuente
  var donde = $('.mitexto');
  var sizeFuenteOriginal = donde.css('font-size');
  
  // Resetear Font Size
  $(".resetearFont").click(function(){
  donde.css('font-size', sizeFuenteOriginal);
  });

  // Aumentar Font Size
  $(".aumentarFont").click(function(){s
  	var sizeFuenteActual = donde.css('font-size');
 	var sizeFuenteActualNum = parseFloat(sizeFuenteActual, 10);
    var sizeFuenteNuevo = sizeFuenteActualNum*1.2;
	donde.css('font-size', sizeFuenteNuevo);
	return false;
  });

  // Disminuir Font Size
  $(".disminuirFont").click(function(){
  	var sizeFuenteActual = donde.css('font-size');
 	var sizeFuenteActualNum = parseFloat(sizeFuenteActual, 10);
    var sizeFuenteNuevo = sizeFuenteActualNum*0.8;
	donde.css('font-size', sizeFuenteNuevo);
	return false;
  });
  
});

Y por último los botones o links para aumentar el tamaño de la fuente:

<a href="#" class="aumentarFont">[ + aumentar ]</a> 
<a href="#" class="disminuirFont">[ - disminuir ]</a> 
<a href="#" class="resetearFont">[ resetear ]</a>