移动开发不能不知道的事-中西文字体
2015-05-12 19:19
211 查看
以下列出各种平台下合适的中西文字体:
桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体
移动端 iOS, Android 上适合网页显示的优秀中文字体
主流操作系统上适合网页显示的优秀西文字体
抛开宋/明体长时间作为系统默认字体,所产生的审美疲劳,宋/明体相比黑体是更合适作为内文字体. 大多的宋/明体针对内文设计,横细直粗,造型方正,笔画在小字号的情况下,不会糊在一起,给人一种素雅的感觉. 而黑体笔画粗壮有力,引人注目,更适合作为标题使用.
但大部分人已经习惯在网页上阅读黑体,以及宋/明体在字重过大的情况下,显示效果还是不太理想. 所以内文默认提供黑体,可选择性的切换宋/明体.
按照以上表格提供的中文字体,为此我为内文和标题编写两套 font-family. 关于这两套 font-family 的选择和排序,等空闲时,再写一篇文章谈下.
p { font-family: "Georgia", "Times New Roman", "Songti SC", "SimSun", serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Helvetica Neue", "Arial", "Hiragino Sans GB", "Noto Sans CJK SC", "Heiti SC", "Microsoft YaHei", "WenQuanYi Microhei", sans-serif; }
桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体
Mac | Windows | Linux |
冬青黑体 Hiragino Sans GB | 中易宋体 SimSun | 文泉驿微米黑 WenQuanYi Microhei |
黑体-简(华文黑体) Heiti SC (STHeiti) | 微软雅黑 Microsoft YaHei | |
宋体-简(华文宋体) Songti SC (STSong) |
iOS | Android |
黑体-简(华文黑体) Heiti SC (STHeiti) | 思源黑体 Noto Sans CJK SC |
Droid Sans Fallback |
无衬线 | 衬线 | 等宽 |
Lucida Grande | Georgia | Menlo |
Helvetica Neue | Times New Roman | Courier |
Arial |
但大部分人已经习惯在网页上阅读黑体,以及宋/明体在字重过大的情况下,显示效果还是不太理想. 所以内文默认提供黑体,可选择性的切换宋/明体.
按照以上表格提供的中文字体,为此我为内文和标题编写两套 font-family. 关于这两套 font-family 的选择和排序,等空闲时,再写一篇文章谈下.
p { font-family: "Georgia", "Times New Roman", "Songti SC", "SimSun", serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Helvetica Neue", "Arial", "Hiragino Sans GB", "Noto Sans CJK SC", "Heiti SC", "Microsoft YaHei", "WenQuanYi Microhei", sans-serif; }
相关文章推荐
- 有哪些不能不知道的移动应用开发推广指南和移动互联网数据 ?
- 多核时代的移动开发(三)-你不能不知道的F#
- 有哪些不能不知道的移动应用开发推广指南和移动互联网数据 ?
- 移动开发不能不知道的事-dp
- 移动开发不能不知道的事- css3复选框样式自定义
- 移动开发不能不知道的事-关于点击元素时出现的阴影
- 移动开发不能不知道的事-meta
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序,转屏时,Ext.Viewport不能触发orientationchange事件的解决办法
- 移动开发----BigSmallTextView方便设置大小字体颜色的View
- 移动web端开发字体设置问题,字体兼容性问题
- [Phonegap+Sencha Touch] 移动开发34 gem安装的compass,不能编译scss,怎么办?
- 文件夹Form开发遇到的"FRM-41081:不能移动项,无效位置"的解决方法
- [Phonegap+Sencha Touch] 移动开发39 某些安卓手机的webview使用location.href="tel:123456"不能调到打电话的界面
- 移动开发中使用字体图标替换大量的ICON,提高效率
- 小猫统计开发动态:表关联设计,目前拖动表,连线不能随之移动
- 移动游戏开发,你所不知道的秘密!
- 移动互联2017估值6千亿,抢占风口不能不知的开发趋势
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序,转屏时,Ext.Viewport不能触发orientationchange事件的解决办法
- [Phonegap+Sencha Touch] 移动开发65 iOS 9 (XCode 7) 上架之前需要做的几个步骤(解决不能联网,http请求失败)
- Android,Java开发不能不知道的误区盲点