Tipografía
Utilidades para controlar el suavizado de fuentes de un elemento.
| Clase | Estilos |
|---|---|
antialiased | -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; |
subpixel-antialiased | -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; |
Utiliza la utilidad antialiased para renderizar texto usando antialiasing en escala de grises:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="antialiased ...">El rápido zorro marrón ...</p>Utiliza la utilidad subpixel-antialiased para renderizar texto usando antialiasing subpíxel:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="subpixel-antialiased ...">El rápido zorro marrón ...</p>Prefija -webkit-font-smoothing y -moz-osx-font-smoothing utilidades con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.