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.

Ajustar texto según el tamaño pantalla

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

Categorizado en: