SummArg | Cursos y recursos para webmasters

12/06/2011

FitText, expande el tamaño de tu tipografía para que se adapte a diferentes resoluciones

FitText es un plugin para jQuery que nos permite forzar a un texto a expandirse hasta abarcar todo el ancho de la pantalla. Es una creación de los autores de Lettering, por lo que ambos plugins forman un buen equipo en este efecto.

Para ponerlo en funcionamiento primero debemos descargar el plugin y colocar las siguientes llamadas en nuestro documento entre etiquetas <head>.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
  $("#expandir").fitText();
</script>

Y en el texto que deseamos expandir simplemente colocamos:

<p id="expandir">Este texto se expandirá</p>

Los autores comparten algunos tips para nuestro CSS y nos comentan como lograr que expanda el texto con mayor o menor nivel de “compresión” de los caracteres en esta sección.

Ir a FitText

Dejar un comentario

  1. Andres

    Por fin alguien que explica como funciona este dichoso plugin de manera clara y simple

    “Y en el texto que deseamos expandir simplemente colocamos:
    Este texto se expandirá”

    Excelente, Gracias!!!

Dejar un comentario