Biblioteca JavaScript de tamaño mínimo de texto-Fitty

Tiempo de ejecución: 30 minutos. Empezar

Autor: rikschennink
Views Total: 2,020
Sitio oficial: Ir a la web
Actualizado: October 7, 2018
Licencia: MIT

Vista prévia

Biblioteca JavaScript de tamaño mínimo de texto-Fitty

Descripción

Fitty es una pequeña biblioteca de JavaScript de dependencia cero que escala dinámicamente el texto para llenar su contenedor principal.

Instalación

# NPM
$ npm install fitty --save

¿Cómo funciona?

Para empezar, sólo tienes que incluir el código JavaScript de la Fitty en la parte inferior de la página web:

<script src="fitty.min.js"></script>

A continuación, inicialice la Fitty en el contenedor de texto de destino. Eso es todo.

fitty('.fit');

Si desea establecer los valores de tamaño de fuente mínimo y máximo:

fitty('.fit',{

minSize: 16,

maxSize: 256
});

Decida si aplicar la Fitty al texto multilínea.

fitty('.fit',{

multiLine: true
});

Decida si desea volver a escalar el texto cuando se altera el contenido.

fitty('.fit',{

observeMutations: true
});

Registro de cambios

v2.2.6 (10/07/2018)

  • agregar comentarios, mover la lógica preprestyle hacia arriba y agregar hacer condicional

Te puede interesar: