设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 技术文摘 查看内容

中文字体网页开发指南

2014-7-18 14:30| 发布者: joejoe0332| 查看: 3434| 评论: 0|原作者: 阮一峰|来自: 阮一峰的博客(@ruanyf)

摘要: 字体的选择,是网页开发的关键因素之一。合适的字体,对网页的美观度(或可读性)有着举足轻重的影响。



  三、 Windows平台和Mac平台


  由于Windows和Mac的中文字体没有交叉,所以应该同时为两个平台指定字体。


  常见的做法是,Windows平台指定”微软雅黑”(Microsoft YaHei),Mac平台指定”华文细黑”(STXihei)。


  四、衬线体和无衬线体


  所谓”衬线体”(Serif),指的是笔画的末端带有衬线的字体。


  就像英文字体一样,中文字体也可以分成”衬线体”和”无衬线体”(San-serif)。比如,对于繁体字来说,微软正黑(Microsoft JhengHei)是无衬线体,新细明体(PMingLiU)是衬线体。


bg2014071506


  对于简体字来说,微软雅黑(Microsoft yahei)是无衬线体,宋体(SimSun)是衬线体。


bg2014071508


 

  一般来说,衬线体装饰性强,往往用于标题;无衬线体清晰度好,往往用于正文。


  五、几种常见中文字体


  (1)宋体(SimSun)

  宋体是最常见的中文字体,如果没有指定字体,操作系统往往选择它来渲染。很多人认为,这种字体并不美观。

bg2014071509


  (2)微软雅黑(Microsoft YaHei)


  微软雅黑的美观度和清晰度都较好,可以作为网页的首选字体。它在Mac平台的对应字体是华文细黑(STXihei)。


  但是,Windows XP没有预装这种字体,这时可以选择黑体(Simhei)替代。不过,黑体比较粗,不应用于字号较小的文字。


bg2014071510


  (3)仿宋(FangSong)


  这种字体是衬线体,比宋体的装饰性更强。如果字号太小,会影响清晰度,所以只有在字号大于14px的情况下,才可以考虑这种字体。


  它在Mac平台的对应字体是”华文仿宋”(STFangsong)。


bg2014071511


  (4)楷体(KaiTi)


  楷体也是衬线体,装饰性与仿宋体接近,但是宽度更大,笔画更清楚一些。这种字体也不应该在小于14px的情况下使用。


  它在Mac平台的对应字体是”华文楷体”(STKaiti)。


bg2014071512


转自 http://blog.jobbole.com/73722/

原文出处: 阮一峰的博客(@ruanyf)  

酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部