Quiero usar una fuente de píxeles en la web. Lo incluyo usando @ font-face, sin embargo, todos los navegadores están aplicando suavizado a la fuente. Parece que no puedo encontrar una regla CSS para deshabilitar esto, ¿alguien puede pensar en otro método para deshabilitar el anti-aliasing?¿Es posible desactivar el anti-aliasing en CSS cuando se usa @ font-face con fuentes de píxeles?
representación de fuentes se realiza por el sistema operativo y el navegador, por lo que, hasta el momento, creo que es poco lo que se puede hacer con CSS. Puede haber algunas reglas de CSS propuestas en discusión (he visto mencionar "font-smooth" o algo así), pero nada en CSS3, hasta donde yo sé, y definitivamente nada en CSS2.
No creo que css tenga una opción para anti-aliasing. Trate Cufon lugar: http://wiki.github.com/sorccu/cufon/about
que es bastante fácil de usar y que hará que sus fuentes de píxeles muy bien. Usted también puede estar interesado en Pxfon de Shaun Inman: http://shauninman.com/archive/2009/04/17/pxr_cufon_pxfon
Esto rinde muy bien, pero la selección de texto es horrible, y se hace muy evidente que no es normal fuente. Vea un ejemplo de esto aquí: http://pixel-portraits.com/pxfon/ –
La mayoría de fuentes de píxeles simplemente no funcionará correctamente si los está utilizando en un tamaño de 8 puntos múltiples (8, 16, 24, etc.)
Si trabaja en malas tamaños de fuente que va a terminar obteniendo personajes con alias/niebla.
mira esto ...
http://www.fontsquirrel.com/fonts/list/style/Pixel
... Puede ayudar;)
Incluso con el tamaño de fuente correcto todavía aliases la fuente :( – Samuel
Esta pregunta es viejo, así que sólo quería dar una actualización.
Basado en caniuse.com, existe una propiedad de CSS pero se ha eliminado de los borradores de especificaciones de CSS3. Entonces no es una solución estándar. Algunos Webkit, Firefox & Los navegadores Opera lo admiten pero es inconsistente. En su mayoría se trabaja para los usuarios de escritorio y sistemas operativos Mac
-webkit-font-smoothing: none || antialiased || subpixel-antialiased
-moz-osx-font-smoothing: auto || inherit || unset || grayscale
font-smoothing: auto || inherit || unset || grayscale
tuve un problema similar en la actualidad y parece que aunque font-lisa no funciona en Firefox contemporánea * añadiendo algún filtro hace:
filter: contrast(1);
Sin embargo, parece ser un poco hacky para desactivar el anti-aliasing con filtro. Por cierto, no causa que se deshabilite completamente el anti-aliasing simplemente hace que se aplique de alguna manera diferente para que las fuentes de mapas de bits se procesen correctamente. Por otro lado, interrumpe la representación de fuentes que no son de mapa de bits.
* y thinsp; Probado en Fixedsys de http://doir.ir/fixedsys/demo.html, en Iceweasel 38.40.0, en Debian 8.
Gracias, más o menos lo que pensé. – Samuel