打印时如何让打印字体更加平滑不那么锯齿化

最新推荐文章于 2024-07-23 14:51:29 发布

红烧咸咸鱼

最新推荐文章于 2024-07-23 14:51:29 发布

阅读量243

点赞数

分类专栏： CSS 文章标签： css 打印文字文字抗锯齿

本文链接：https://blog.csdn.net/weixin_44180579/article/details/134754705

版权

11 篇文章 0 订阅

订阅专栏

直接上代码，希望有效果的朋友点个免费的赞！！！

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

注意：
-webkit-font-smoothing兼容webkit内核（一般是谷歌等）的方法

参数	描述
none	关闭平滑字体显示文本用锯齿锋利的边缘（适用于低像素文本）
antialiased	显示光滑的像素级别字体（抗锯齿强）
subpixel-antialiased	显示最锋利的文本（默认）

-moz-osx-font-smoothing兼容firefox火狐的方法

参数	描述
auto	允许浏览器选择字体平滑的优化方式（通常选择grayscale）
inherit	继承父元素的设置
unset	取消所有设置，恢复为默认值
grayscale	字体平滑（抗锯齿强）