HTML/CSS中的像素字体

Question

我尝试了http://www.fontsquirrel.com/fonts/list/style/Pixel网站上的像素字体，但是在浏览器中效果不理想。禁用抗锯齿不是官方CSS属性（或者没有找到好的示例）。

我发现了这个旧问题：当使用像素字体的@font-face时如何在CSS中禁用抗锯齿？ 这个JS http://devpro.it/pixelfont/看起来很漂亮，但默认字体太小了（自己制作字体不是一个好主意）。所以我想知道是否有新的解决方案或其他提示（无需swf）。

这里是使用font-face进行测试（在webkit上有用，在火狐上有问题）：http://b4d455.fr/font/。

- benoît

Answer 1

这可能在某种程度上达到您想要的效果：

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

- Willem Mulder

---

我猜没有更好的解决方案了，所以你可能仍然想给现有答案中的一个点赞/接受。 - Willem Mulder

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>

- lexio_dev

Answer 3

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

- Tom Oakley

---

我在我的帖子上添加了一个测试，在Chrome中看起来更好，但在Firefox中却没有什么好的效果... - benoît