以下列出各种平台下合适的中西文字体：
桌面端 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; }