css - 如何在 CSS 中使字体清晰？

Question

大家好，我正在尝试在 Css 中使用 sharp 属性，例如 photoshop，但我该怎么做？

这是我的CSS

#login_text
{
 position:absolute;
 top:10px;
 left:18px;
 font-size:13pt;
 font-weight:bold;
 font-family:Arial;

}

Answer 1

除了 AMK 提到的 CSS3 text-rendering 属性之外，还有一个针对抗锯齿的 Webkit (Chrome) 特定 hack:-webkit-font-smoothing: antialiased;(我相信默认值是 subpixel-antialiased)这很好用，因为 Webkit webfont 渲染在 Windows 机器上可能不太理想。 A bit more info can be found here .

还有一个旧提议的 font-smooth CSS3 属性 ( see here ) 但据我所知它没有实现并且没有做任何事情(至少我看不到).

可悲的现实是，您无法在 Web 上获得 Photoshop 质量的字体渲染，尤其是在 Windows 机器上。您可以通过选择好的网络字体和自然缩放的字体大小来弥补这一点，但您能做的只有这么多。