移动端字体设置最佳实践
来源:互联网 发布:linux设备驱动功能 编辑:程序博客网 时间:2024/06/03 18:30
字体设置
body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
iOS 4.0+ (iOS 9以下系统已经非常少) 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi。
iOS 9+ Safari开始支持 -apple-system 参数, Chrome 使用 BlinkMacSystemFont ,兼容 iOS / MacOS
微软雅黑是为了兼容Win系统,毕竟视网膜分辨率的win系统用Simsun是非常丑陋的,可以用4K屏@windowns 去看 JD 淘宝,你能忍的话我就没话说
PingFang SC 是简体苹方,看需要 如果要命中对应 苹方字体的话 直接写 PingFang 不带引号。
需补充说明,华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5484?viewlocale=en_US), 但系统会自动将华文黑体STHeiTi兼容命中系统默认中文字体黑体-简或黑体-繁:
Heiti SC Light 黑体-简 细体
Heiti SC Medium 黑体-简 中黑
Heiti TC Light 黑体-繁 细体
Heiti TC Medium 黑体-繁 中黑
原生Android下中文字体与英文字体都选择默认的无衬线字体。
4.0之前版本英文字体原生Android使用的是Droid Sans,中文字体原生Android会命中Droid Sans Fallback。
4.0+ 中英文字体都会使用原生Android新的Roboto字体。
其他第三方Android系统也一致选择默认的无衬线字体。
Android 就直接让它命中系统字体吧,因为你无法预知发行厂商会去内置什么字体,或者人家root去修改什么字体。
转自,腾讯allowteam https://github.com/AlloyTeam/Mars/blob/master/solutions/font-family.md#字体设置
- 移动端字体设置最佳实践
- 移动端WEB前端开发最佳实践
- myeclipse设置最佳字体
- pc端、移动端字体的设置
- 响应式移动端字体设置
- font-family最佳字体设置
- 移动 Web 最佳实践 (MWBP) 速记卡
- WebApp最佳实践之移动可用性提升
- 移动云应用开发最佳实践
- 转载分享移动网站最佳实践
- 移动信息化在能源行业的最佳实践
- 浅谈移动前端的最佳实践
- 浅谈移动前端的最佳实践
- 移动APP调试最佳实践二
- 转:浅谈移动前端的最佳实践
- VS2010最佳字体设置和背景色
- VS2010最佳字体设置和背景色
- 移动中间件:数据移动与应用程序设计最佳实践
- Unity Mesh(二) Mesh画立方体Cube和八面体Octahedron
- 一文读懂机器学习,大数据/自然语言处理/算法全有了……
- 273. Integer to English Words
- 11111
- 程序员技术练级攻略
- 移动端字体设置最佳实践
- T-SQL - left join, right join, inner join, outer join的区别
- redis命令(hash)
- 传输层之UDP协议
- 深度神经网络中的训练难点(vanishing gradient problem)
- jQuery的全局替换字符串操作
- 微信小程序开发教程
- Linux Shell的信号trap功能你必须知道的细节
- Polygon