中英文网站字体选择 收藏 评论
2017年05月26日

参考:

http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html

https://isux.tencent.com/5058.html

http://www.uisdc.com/web-font

http://www.duanzhihe.com/1256.html

http://www.imooc.com/article/11261

http://www.uisdc.com/font-use-of-standard







作者:Ruoyu Sun
链接:https://www.zhihu.com/question/19680724/answer/12867340
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Sans-serif

  1. Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。

  2. Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常

  3. Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。

  4. Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。

  5. Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

  6. Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。


Serif

  1. Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。

  2. Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。



中文不熟,抛砖引玉:

  1. 中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。

  2. 微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。

  3. 华文细黑:Mac下的默认中文。

  4. Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。



CSS3开始支持Embedded font所以英文字体选择一下子多了很多,而中文字体由于文件庞大,仍然就是那几个选。 


http://blog.webinno.cn/article/view/164

本文地址:http://blog.webinno.cn/article/view/164

发表于 @ 2017年05月26日 | 浏览301次| 编辑 |评论(loading... ) | 分享到:QQ空间新浪微博腾讯微博微信

评论列表

发表评论