chrome - font smoothing css w3schools
-webkit-font-smoothing: antialiased equivalente en Firefox? (4)
Estoy usando la muy útil propiedad CSS -webkit-font-smoothing: antialiased
en los navegadores webkit para asegurar un buen texto fino en los titulares, etc. ¿Existe una propiedad equivalente en Firefox?
Fuente en WebKit con -webkit-font-smoothing: antialiased
:
Fuente en Firefox:
Como se puede ver, el texto en Firefox es más grueso que en Webkit. Sin -webkit-font-smoothing: antialiased
, el texto se ve igual en Webkit que en Firefox.
El problema es -webkit-font-smoothing: antialiased
, que deshabilita el suavizado de fuentes de sub-píxeles estándar. Intenta leer this
En un momento dado, Firefox tenía una font-smooth
, pero se ha eliminado y, por lo que sé, no está incluido en absoluto en la pista actual. Hice un poco de googlear y no vi ninguna indicación de que habrá algún cambio en eso.
Como alternativa, puede intentar una solución como: http://www.elfboy.com/blog/text-shadow_anti-aliasing/ .
Firefox 25+ (2013-10-29) admite una nueva propiedad de CSS no estándar solo para macOS -moz-osx-font-smoothing
similar a la del WebKit -webkit-font-smoothing
.
Entonces este código debería proporcionar resultados consistentes en Firefox y WebKit:
.example {
-moz-osx-font-smoothing: grayscale; /* Firefox */
-webkit-font-smoothing: antialiased; /* WebKit */
}
Firefox tiene el comportamiento que está buscando por defecto, que yo sepa, por lo que no hay necesidad de solicitarlo explícitamente ...