chrome - font smoothing css w3schools

-webkit-font-smoothing: antialiased equivalente en Firefox?

Question

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.

Answer 1

El problema es -webkit-font-smoothing: antialiased , que deshabilita el suavizado de fuentes de sub-píxeles estándar. Intenta leer this

Answer 2

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/ .

Answer 3

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 */
}

Answer 4

Firefox tiene el comportamiento que está buscando por defecto, que yo sepa, por lo que no hay necesidad de solicitarlo explícitamente ...