css - Windows 上的 Firefox 中的大字体不流畅

Question

因此，我正在制作一个小型作品集网站 (http://www.cip.ifi.lmu.de/~fritschd/testDebo/)，我有一个大字体的大盒子。在 Mac 上，一切都很好，但是在 Windows 上，取决于浏览器，它真的很糟糕。Windows 上的 Firefox 就是其中之一。

有没有办法平滑这个大字体？我还有什么其他选择？ (出于 SEO 原因，我不想使用图像)。其他(系统)字体也有同样的问题。

编辑:该示例可在链接 page 中找到.字体的大小为 ca。 180px，所以它很大。似乎有问题的浏览器是 windows 上最新版本的 firefox。如果您在页面中查看带有名称的 div，则边框会像素化。我读到这是 Windows 真实字体选项和没有自己设置的浏览器(即 chrome)的问题。那么此时我有什么选择？

Answer 1

在 Windows 上使用 ClearType 字体是一个众所周知的问题，不绑定(bind)到任何特定的 Web 浏览器。看清楚这个解释font-face-loaded-on-windows-look-really-bad-which-fonts-are-you-using-that-rend

这个问题应该不会影响 Windows 7 和/或 IE9 用户。

我的建议是使用满足 SEO 要求的 -9999px 技术，使用透明 PNG 来实现大文本 block 。看看这个原来著名的 -9999px css-image-replacement-technique/或者这个用于新开发的技术Replacing-the-9999px-hack-new-image-replacement/