移动开发不能不知道的事-中西文字体

以下列出各种平台下合适的中西文字体：

 

桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体

Mac	Windows	Linux
冬青黑体  Hiragino Sans GB	中易宋体  SimSun	文泉驿微米黑  WenQuanYi Microhei
黑体-简（华文黑体）  Heiti SC (STHeiti)	微软雅黑  Microsoft YaHei
宋体-简（华文宋体）  Songti SC (STSong)

移动端 iOS, Android 上适合网页显示的优秀中文字体

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; }