2012-09-05 17 views
8

Intento fuentes de píxeles desde http://www.fontsquirrel.com/fonts/list/style/Pixel pero no es perfecto en el navegador y deshabilita el anti-aliasing no es una propiedad oficial de CSS (o no encuentra una buena muestra).fuente de píxeles en HTML/CSS

He encontrado esta vieja pregunta: ¿Is it possible to disable anti-aliasing in CSS when using @font-face with pixel fonts?

Y esto JS http://devpro.it/pixelfont/ un aspecto muy agradable, pero la fuente por defecto es pequeño (hacer mi propia fuente no es una buena oferta). Entonces me gustaría saber si hay algo nuevo u otros consejos (sin swf).

Aquí está una prueba con font-face (en WebKit, Firefox no?): http://b4d455.fr/font/

Respuesta

0

No sé qué es lo que realmente preguntando pero creo que esto podría ser lo que estás buscando : http://www.google.com/webfonts

+0

no! ¡y no encuentras la fuente de píxeles en google webfonts! –

+1

"Press start 2P" funcionó bien para mis necesidades. –

0

No estoy muy seguro de lo que está preguntando. Pero si está buscando deshabilitar el suavizado, es posible que pueda usar -webkit-font-smoothing: none;.

+0

Agrego una prueba en mi publicación, se ve mejor sin Chrome y nada con Google en Firefox ... –

6

Esto puede hacer lo que quiera, hasta cierto punto:

font-smooth: never; 
-webkit-font-smoothing : none; 
+0

Lo hice, no es perfecto http://b4d455.fr/font/ –

+0

Supongo que no hay mejor solución, por lo que aún podría desea votar/aceptar una de las respuestas existentes. –