Html Windows浏览器上的像素化字体

我一直在研究这件事，但对这个问题没有清楚的了解我在一些Windows 7浏览器上得到了非常难看的像素字体渲染。我在我的

CSS

中使用

@font-face

这是

@font-face

问题吗？我应该使用

链接字体吗

---

如何解决这个问题？

我假设您的CSS格式非常好

我也为此感到沮丧。我将尝试分享我的经验：大多数浏览器使用随浏览器一起安装的字体渲染引擎。Firefox和IE都能做到这一点，而且它们的字体显示效果非常好。然而，Chrome却有不同的做法。它使用本机操作系统字体渲染引擎，并创建盲点。在Windows上（根据我的经验，W7和W8），即使在更改操作系统字体渲染设置之后，对于替代字体（例如google web字体），渲染对我来说总是很难看。一些奇特的css规则似乎有帮助（-webkit字体平滑），但它从未完全解决我的像素化问题

出于开发目的，我建议忽略Chrome上的像素字体，而在Firefox、IE或Mac设备上查看

关于字体渲染有很多要说的，我建议大家仔细阅读。此链接将帮助您开始：

---

编辑：由于我现在是Mac用户，我无法检查它，但我认为这是一个webkit问题，所以当我说Chrome时，我也指Safari。

如果它是windows的东西，那么可能是windows兼容的浏览器使用CPU而不是GPU来呈现各种图形的问题，包括矢量/字体

加：

---

为了强制使用计算机GPU，你应该更好地看到你的字体。

到底是哪个版本的Windows和哪个浏览器？Windows XP本机存在字体平滑问题，除非用户启用“清除类型”，否则您无法解决这些问题。Windows 7+上的Chrome存在抗锯齿问题。@TigranPortrossian Windows 7，更准确地说。不，这不起作用。字体与其他CSS属性分开呈现。是的，看起来是这样。@font-face功能就到此为止：P。。。无论如何，谢谢你，我会继续读这个主题；）

body {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}