Tipografía

Comienza con una biblioteca de componentes y bloques de diseño creados pata Bricks Builder y Tailwind

Introducción

Inicialmente Tailwind CSS trae configurado por defecto una serie de tamaños para la tipografia que van desde text-xs para el tamaño más pequeño y que en condiciones normales corresponde a 12px hasta text-xl que corresponde a 128px. No obstante nosotros como parte de nuestro compromiso en utilziar técnicas modernas en nuestra configuración lo hemos sustituido por tipografia fluida.

A continuación haciendo click en el botón te enviamos a una pagina donde puedes hacer tus propios ajustes y esta precargada la configuración empleada por nosotros.
Configuración de tipografía fluida

text-9xl

Lorem ipsum in dolor
text-8xl
Lorem ipsum dolor
text-7xl
Lorem ipsum dolor
text-6xl
Lorem ipsum dolor
text-5xl
Lorem ipsum dolor
text-4xl
Lorem ipsum dolor
text-3xl
Lorem ipsum dolor
text-2xl
Lorem ipsum dolor
text-xl
Lorem ipsum dolor
text-lg
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
text-base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
text-sm
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
text-xs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.

Heading type 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.
Heading type 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.
Heading type 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum.