html - pixel font in HTML/CSS

Question

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 : Is it possible to disable anti-aliasing in CSS when using @font-face with pixel fonts?

And this 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/

Answer 1

这可能会在某种程度上做你想做的事：

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

Answer 2

我知道我迟到了，但是 Small Font 让你很乐意使用它。

这是一些不需要链接的工作 CSS：

body {font-family: "ＭＳ Ｐゴシック";}

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

Answer 3

我不确定你在问什么。但是，如果您要禁用抗锯齿，则可以使用-webkit-font-smoothing: none;.