fuente de píxeles en HTML/CSS

I try pixel fonts from http://www.fontsquirrel.com/fonts/list/style/Pixel but It's not perfect in the browser and disable anti-aliasing is not an official CSS property (or don't find good sample).

I found this old question : ¿Es posible deshabilitar el suavizado en CSS cuando se usa @ font-face con fuentes de píxeles?

Y este JS http://devpro.it/pixelfont/ look very nice but default font is to small (make my own font is not a good deal). So I would like to know if there is something new or others tips (without swf).

Here is a test with font-face (on webkit, firefox don't ?) : http://b4d455.fr/font/

preguntado el 05 de septiembre de 12 a las 10:09

3 Respuestas

This might do what you want to some extent:

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

Respondido el 05 de Septiembre de 12 a las 14:09

I guess there's no better solution, so you still might want to upvote/accept one of the existing answers. - willem mulder

I know I'm late, but Small Font lets you use this gladly.

Here's some working CSS with no links required:

body {font-family: "MS Pゴシック";}
<!--- Here's some HTML for the example --->
<h4>Small Font</h4>
<p>Small Font is a pixel font used by Windows when a font is too small to be displayed</p>
<h5>Recommended CSS:</h5>
<code>font-size: 75%;</code>

respondido 30 nov., 20:17

I'm not really sure what you're asking. But if you're looking to disable anti-aliasing, you might be able to use -webkit-font-smoothing: none;.

Respondido el 05 de Septiembre de 12 a las 11:09

I add a test on my post, it's look better without in Chrome and nothing googd in Firefox… - benoît

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.