如何在CSS中使字体清晰？

大家好，我正在尝试在Css中使用像photoshop这样的sharp属性，但我该怎么做呢

这是我的css

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

}

虽然没有“夏普”值，但我认为CSS3属性是最好的选择。这种效果在较小字体上最为明显，而在大字体上则没有太大区别

请注意，这方面的支持非常有限，但据我所知，这是唯一可用的方法

---

您的另一个选择（如果您使用自定义字体）是简单地获得更高质量的矢量。

除了提到的CSS3

文本呈现

属性AMK之外，还有一个特定于Webkit（Chrome）的抗锯齿技术：

-Webkit字体平滑：抗锯齿

（我相信默认值是

亚像素抗锯齿

），这很好用，因为Webkit webfont渲染在Windows机器上可能不太理想

还有一个旧的

font-smooth

CSS3属性（），但据我所知，它没有实现，也没有做任何事情（至少我看不到）

---

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

Firefox25添加了一个新的仅限Mac OS的非标准属性-moz osx字体平滑等同于WebKit的-WebKit字体平滑

元素{

---

}

参见此示例。Henrique Baldy解释了锐化的可能方式

您是使用自定义字体还是其他什么？为什么要锐化字体？我认为

-webkit字体平滑

与此无关，因为Windows平台不支持它。^Microsoft web浏览器

文本渲染

对锐化有什么影响？它会影响渲染的其他方面。因为文本渲染会影响锐度，即使没有在任何地方说明它会影响锐度，它也会影响锐度。@AMK，你能举个例子吗？您将为该属性使用哪个值，以及它将对哪个浏览器的清晰度产生影响？支持文本呈现属性的每个浏览器。假设每个浏览器都平滑字体，将文本渲染设置为

geometricsprecision

将禁用字体平滑以使字形尽可能精确，从而禁用所有字体平滑并使角点更清晰。@AMK，请提供实际证据，由于您的猜测与信息相矛盾，例如此链接可能会回答问题，因此最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，则仅链接的答案可能无效。或无法访问。。。这是一个集体邮件。你必须加入才能看到答案。请解释一下答案。：）

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;