Tipografía
Utilidades para controlar el suavizado de fuente (font-smoothing) 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 suavizado por escala de grises:
El veloz zorro marrón salta sobre el perro perezoso.
<p class="antialiased ...">El veloz zorro marrón ...</p>Utiliza la utilidad subpixel-antialiased para renderizar texto usando suavizado por subpíxeles:
El veloz zorro marrón salta sobre el perro perezoso.
<p class="subpixel-antialiased ...">El veloz zorro marrón ...</p>Antepone a las utilidades -webkit-font-smoothing y -moz-osx-font-smoothing el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>Obtén más información sobre el uso de variantes en la documentación de variantes.