Ajustar el texto según el tamaño de la pantalla con jQuery

FitText es un plugin jQuery muy simple y útil que podemos utilizar para ajustar automáticamente el tamaño del texto según las dimensiones que adopta el navegador.

Este plugin jQuery es muy bueno para implementar en aquellos diseños flexibles, en donde las distintas cajas se ajustan según el tamaño de la pantalla, una buena forma de implementar tipografías personalizadas y que el tamaño de las mismas no rompan nuestros diseños.

Un pequeño ejemplo de como utilizar este plugin con los encabezados sería el siguiente:

<script type="text/javascript">
$(document).ready(function() {
	$("h1").lettering();
});
</script>

Luego solo resta combinar directamente font-face en nuestras hojas de estilo o bien utilizar servicios como TypeKit o Google Fonts.

Web: FitText

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas