w3schools font chrome body better antialiased anti css firefox fonts

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