Con este tutorial, mejore su comprensión de la propiedad CSS font-mooth. Obtenga información sobre lo que significa esta propiedad y por qué los diseñadores Web deben considerar su uso.
Índice de contenidos
Una descripción de Font-Smooth
¿Por qué los diseñadores a veces quieren usar la propiedad font-mooth? Principalmente, proporciona a los diseñadores el control sobre la aplicación del anti-aliasing cuando se renderiza.
Font-Smooth en versiones CSS
Utilice font-mouth en CSS 3 y también entienda la sintaxis font-mooth con el siguiente ejemplo:
font-mouth: auto | never | always | | length | initial | inherit
auto – texto suave de acuerdo con los valores predeterminados del sistema
.never – never smooth the fonts
siempre – siempre suaviza las fuentes
y longitud – Si el valor del tamaño de la fuente es igual o mayor que la medida de este tamaño, entonces suavice la fuente al renderizarla.
Los diseñadores web también deben saber lo siguiente cuando usen la propiedad font-mooth.
- Valor inicial: auto
- Font-Smooth Se aplica a: Todos los elementos y contenidos generados.
- Herencia Font-Smooth: Esta propiedad es heredada.
- Soporte de navegador Font-Smooth: Ninguno
Ejemplo de Font-Smooth
La fuente de este párrafo debe estar siempre suavizada, sin importar cuán pequeña o grande sea la fuente escrita.
Precaución sobre la propiedad Font-Smooth
No todo el mundo tiene un navegador que soporte font-mooth. Averigüe si su navegador soporta esta propiedad. Además, tenga cuidado con el uso de este estilo, ya que puede reducir drásticamente la legibilidad de su texto. Tendrá que investigar para asegurarse de que esto no le afecte de esta manera. Para más información sobre la propiedad font-mooth, consulte lo siguiente:
Ejemplos de Fuentes
Estiramiento de fuente
Efecto fuente
Familia de fuentes
Tamaño de fuente
Fuente
Estilo de fuente
Variante de fuente
Peso de fuente
Cambio de atributos de fuente
