如何解决CSS中的Photoshop样式抗锯齿样式
| 我正在为新网站的PSD样机设置样式表。样机中的大多数文本都使用photoshop中的“'sharp \'”抗锯齿方法。 重新创建这类photoshop抗锯齿方法的最佳方法是什么?设置不同的字体粗细似乎很遥远。 顺便说一句,字体是Arial,所以这里没有有趣的@ font-face东西解决方法
一个简单的替代方法是文本阴影,它是css3属性:
#foo {
/* text-shadow: [color] [horizontal offset] [vertical offset] [blur] */
text-shadow: #fff 0 1px 0;
}
玩转设置;您可以尝试不同的颜色和模糊值,以使前端字体看起来非常锋利,并使其平滑。
,font-smooth
CSS3属性可能有用:
font-smooth: auto | never | always | <absolute-size> | length | initial | inherit
,由于您的网站将要在多个操作系统的多个浏览器中显示,因此无法获得一致的字体显示。我认为这取决于操作系统的字体平滑度。
如果需要,可将这些部分渲染为图像或使用Cufon或sIFR。
我过去也做过的工作,如果字体有点粗糙,请添加细微的CSS3text-shadow
,使它看起来更加流畅。
,您可以使用基于脚本的库(我想起了cufón)来自定义抗锯齿和其他文本渲染效果。请注意,大多数(如果不是全部)此类解决方案仅适用于标头,而不适用于全文。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。