如何在CSS中使字体清晰？
如何在CSS中使字体清晰？
提问于 2012-11-29 22:23:02
大家好，我想在Css中使用像photoshop这样的锐化属性，但是我该怎么做呢？
这是我的css
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}回答 4
Stack Overflow用户
回答已采纳
发布于 2012-11-29 22:37:31
除了提到的CSS3 text-rendering属性AMK之外，还有一个针对抗锯齿的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)，但据我所知，它没有实现，也没有做任何事情(至少我看不到)。
令人悲哀的现实是，你无法在网络上获得Photoshop质量的字体渲染效果，尤其是在Windows机器上。你可以通过选择好的网络字体和选择自然缩放的字体大小来弥补这一点，但你能做的就这么多了。
Stack Overflow用户
发布于 2014-12-04 10:11:36
Firefox25添加了一个新的Mac-OS非标准属性-moz-osx-font-smoothing，等同于webkit的-webkit-字体-平滑。
元素{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
Stack Overflow用户
发布于 2012-11-29 22:25:21
虽然没有“尖锐”值，但我认为CSS3 text-rendering属性是最好的方法。这一效果在较小的字体上最为明显，而在大字体上没有太大的区别。
请注意，对此的支持非常有限，但据我所知，这是唯一可用的方法。
您的另一个选择(如果您使用自定义字体)是简单地获得更高质量的向量。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13627848
复制相关文章
相似问题
腾讯云开发者
