-webkit-font-smoothing:antialiased;属性
来源:互联网 发布:win7回收站恢复数据 编辑:程序博客网 时间:2024/06/06 01:55
https://www.zhihu.com/question/21158747
作者:康康
链接:https://www.zhihu.com/question/21158747/answer/18984343
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
链接:https://www.zhihu.com/question/21158747/answer/18984343
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
CSS3中设置字体的抗锯齿或光滑度的属性。最常用的有3个:1. “none” 用于小像素的文本;2. “subpixel-antialiased” 浏览器默认;3. “antialiased” 反锯齿。
在 MacBook Pro 上的显示效果如下:
<img src="https://pic4.zhimg.com/50/v2-df61fe41f43c7bab0e28ea07a57fd537_hd.png" data-rawwidth="1352" data-rawheight="819" class="origin_image zh-lightbox-thumb" width="1352" data-original="https://pic4.zhimg.com/v2-df61fe41f43c7bab0e28ea07a57fd537_r.png">一图胜千言 :3
果壳网的 antialiased 是让字体在 MacBook、surface 等 retina 屏幕上看起来更光滑,但是 在 Windows 下的 chrome 中却会导致文字很难看清,所以如果要用的话,这里的坑需要注意。
另外个人觉得针对小字体使用 “none” 可读性会更高,但使用小字体的时候也需要注意 "中文版的 PC(Win+Mac) 下的 chrome 有12像素的最小字体限制"(又一个坑:中文版Chrome浏览器不支持12px以下字体的解决方案)。
阅读全文
0 0
- -webkit-font-smoothing:antialiased;属性
- -webkit-font-smoothing: antialiased;
- css3属性-webkit-font-smoothing
- css3属性-webkit-font-smoothing
- css3属性-webkit-font-smoothing
- -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased
- 字体抗锯齿属性:-webkit-font-smoothing
- 字体抗锯齿属性-webkit-font-smoothing
- -webkit-font-smoothing
- -webkit-font-smoothing
- 了解CSS属性font-kerning,font-smoothing,font-variant
- 让字体变的更清晰CSS 中 -webkit-font-smoothing
- CSS之font-smoothing
- CSS font-smoothing
- Re-enable LCD font smoothing for some monitors
- CSS font-family 属性
- font属性的设置
- canvas font-size 属性
- 洛谷P1373 小a和uim之大逃离(DP)
- 171020 逆向-Reversing.kr(Multiplicative)
- 进程间通信——管道(有名管道、无名管道)
- 李开复——人工智能领域的中坚力量
- 【Leetcode】【python】Sort Colors
- -webkit-font-smoothing:antialiased;属性
- beego配置
- selenium之Cookie的应用-取消Case耦合,依赖关系
- Ubuntu sudo nopasswd方法
- vmware ubuntu 16.04 guest 修复不能桌面大小自动调整和从宿主机复制粘贴的问题
- 689. Maximum Sum of 3 Non-Overlapping Subarrays
- 【Leetcode】【python】Subsets/Subsets II
- keil + proteus 点亮数码管
- 测试技术面