¿Quieres que tus fuentes se vean suaves y profesionales en cualquier navegador? Estas son las dos líneas de CSS que necesitas añadir:
body {
-webkit-font-smoothing: antialiased; /* Para navegadores basados en WebKit */
-moz-osx-font-smoothing: grayscale; /* Para macOS */
}¿Qué hacen?
-webkit-font-smoothing: antialiased;: Mejora la legibilidad en navegadores WebKit, suavizando los bordes de las fuentes.-moz-osx-font-smoothing: grayscale;: Reduce el peso visual de las fuentes en macOS, haciéndolas más nítidas.
Estas propiedades no afectan el diseño, pero sí la experiencia visual de los usuarios. ¡Añádelas a tu proyecto y marca la diferencia!