如何在CSS中应用字体反别名效果？

作者: 你瞎啊！撞我心了
发布时间: 2025-07-10 04:59:08 (1月前)
转自：

4 条回复

0#
回复此人
Just do it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 先生：先生:-) </p> <P> 1 </p> <pre> <code> .myElement{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } </code> </pre> <P> 2 </p> <pre> <code> .myElement{ text-shadow: rgba(0,0,0,.01) 0 0 1px; } </code> </pre> </DIV>

编辑
1#
回复此人
老人与海 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 效果最好。如果您想在整个网站范围内使用它，而不必将此语法添加到每个类或ID，请将以下CSS添加到您的css正文： </p> <pre> <code> body { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); background: url('./images/background.png'); text-align: left; margin: auto; } </code> </pre> </DIV>

编辑
2#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 简答：你做不到。 </p> <P> CSS没有影响浏览器中字体呈现的技术;只有系统可以做到这一点。 </p> <P> 显然，使用像素密集的屏幕可以轻松实现文本清晰度，但如果您使用的是普通PC，那将很难实现。 </p> <P> 有一些较新的字体是平滑的，但牺牲它看起来有些模糊（例如，看看大多数Adobe的字体）。你也可以找到一些平滑但模糊的设计字体 <a href="https://www.google.com/fonts" rel="noreferrer"> 谷歌字体 </A> 但是。 </p> <P> 有一些新的CSS3技术用于字体渲染和文本效果，尽管这些技术的一致性，性能和可靠性在很大程度上变化到你通常不应该过多依赖它们的程度。 </p> </DIV>

编辑

登录后才能参与评论