Con este tutorial, mejore su comprensión de la propiedad CSS sin problemas de fuente. Obtenga información sobre lo que significa esta propiedad y por qué los diseñadores web deberían considerar su uso.
Una descripción de Font-Smooth
¿Por qué los diseñadores a veces quieren usar la propiedad de fuente suave? Principalmente, proporciona a los diseñadores el control sobre la aplicación de suavizado cuando se procesa.
Font-Smooth en versiones CSS
Use font-smooth en CSS 3 y también entienda la sintaxis de font-smooth con el siguiente ejemplo:
fuente suave: auto | nunca | siempre | | longitud | inicial | heredarauto - texto suave de acuerdo con los valores predeterminados del sistemanunca - nunca suavizar las fuentessiempre - siempre suavizar las fuentesy longitud: si el valor del tamaño de fuente es igual o mayor que la medida de este tamaño, suavice la fuente al renderizarla.
Los diseñadores web también deben saber lo siguiente al usar la propiedad de suavizado de fuentes.
- Valor inicial: auto
- Font-Smooth se aplica a: todos los elementos y contenido generado.
- Herencia de fuente suave: esta propiedad se hereda.
- Compatibilidad con el navegador Font-Smooth: Ninguno
Ejemplo de fuente suave
La fuente en este párrafo debe ser siempre suavizada, no importa cuán pequeña o grande sea la fuente escrita.Una precaución sobre la propiedad Font-Smooth
No todo el mundo tiene un navegador que admita fuentes suaves. Averigüe si su navegador soporta esta propiedad. Además, tenga cuidado de cómo usa este estilo, ya que puede reducir drásticamente la legibilidad de su texto. Tendrá que hacer una investigación para asegurarse de que esto no le afectará de esta manera. Para obtener más información sobre la propiedad font-smooth, consulte lo siguiente:
Ejemplos de fuentes suaves
Estiramiento de fuentes
Efecto fuente
Familia tipográfica
Tamaño de fuente
Fuente
Estilo de fuente
Variante de fuente
Fuente de peso
Cambio de atributos de fuente
