我要做一个面向中文的阅读网站,希望中文字体显示能得到良好的效果。我知道中文字体由于本身体积太大,而不能用webfont来解决,但是我发现各个操作系统其实都有比较好中文字体,比如Windows的”微软雅黑”,比如Macosx下面还有一些比较好看的日文字体,其实也可以用来显示中文。
所以我想是否有这样一个按字体优先顺序排列的font-family
列表,用来适配各种最优的字体选项。比如类似这样,但是需要一个最全的列表
article {
font-family: "微软雅黑","黑体",serif;
}
很多人有过研究
Web 中文字体应用指南 · Ruby China
https://ruby-china.org/topics…
网页效果之中文字体研究(二)
http://zaishanda.com/post/网页效果之中文字体研究(二)
网页效果之中文字体研究(一)
http://zaishanda.com/post/网页效果之中文字体研究(一)
Fonts.css — 跨平台中文字体解决方案
http://zenozeng.github.io/fon…
http://www.zhihu.com/question/1991179…
知乎上的一个问答,很专业的
我通常使用这个:
font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
在Windows XP上,黑体小字号时显示不佳,默认的宋体更容易辨认。
对于Mac来说,Hiragino Sans GB是渲染最佳的中文字体。(参考:http://www.typeisbeautiful.com/2010/0…)
在mac下,我一般用这种字体设置
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",serif;
mac上的日文字体确实比较好看
你可以看下知乎首页的css
font: 13px/22px ‘Helvetica Neue’,Arial,’Liberation Sans’,FreeSans,’Hiragino Sans GB’,sans-serif;
font-family: "Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;