| Clase | CSS | Ejemplo |
|---|---|---|
| text-xs | font-size: 0.75rem; |
Este es un texto de ejemplo
|
| text-sm | font-size: 0.875rem; |
Este es un texto de ejemplo
|
| text-base | font-size: 1rem; |
Este es un texto de ejemplo
|
| text-lg | font-size: 1.125rem; |
Este es un texto de ejemplo
|
| text-xl | font-size: 1.25rem; |
Este es un texto de ejemplo
|
| text-2xl | font-size: 1.5rem; |
Este es un texto de ejemplo
|
| text-3xl | font-size: 1.875rem; |
Este es un texto de ejemplo
|
| text-4xl | font-size: 2.25rem; |
Este es un texto de ejemplo
|
| text-5xl | font-size: 3rem; |
Este es un texto de ejemplo
|
| text-6xl | font-size: 3.75rem; |
Este es un texto de ejemplo
|
| text-7xl | font-size: 4.5rem; |
Este es un texto de ejemplo
|
| text-8xl | font-size: 6rem; |
Este es un texto de ejemplo
|
| text-9xl | font-size: 8rem; |
Este es un texto de ejemplo
|
| Clases personalizadas | ||
| text-[10px] | font-size: 10px; |
Texto personalizado 10px
|
| text-[1.3rem] | font-size: 1.3rem; |
Texto personalizado 1.3rem
|
| text-[150%] | font-size: 150%; |
Texto personalizado 150%
|
| text-[32px] | font-size: 32px; |
Texto personalizado 32px
|