网站开发进阶(四十一)中文字体网页开发指南x.docx

《网站开发进阶(四十一)中文字体网页开发指南x.docx》由会员分享，可在线阅读，更多相关《网站开发进阶(四十一)中文字体网页开发指南x.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站开发进阶(四十一)中文字体网页开发指南x网站开发进阶( 四十一) 中文字体网页开发指南 网站开发进阶( 四十一) 中文字体网页开发指南 前言字体的选择，是网页开发的关键因素之一。 合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个 MB；单单为了阅读网页，开发者不行能让用户去下载字体，只能依靠操作系统的预装字体。（*注：的确有网站供应中文字体的 web 服务，从技术角度，我不举荐这样做。） 不同的操作系统、不同的版本预装不同的字体（因为版权），几乎没有交集。因此，大多数开发者爽

2、性忽视中文字体，让操作系统自行渲染，或者用图片呈现字体效果。下面是目前中文字体的最佳实践，主要参考了 Kendra Schaefer 的文章。操作系统的预装字体操作系统确定了开发者可以运用的字体。所以，第一步，我们必需了解操作系统究竟供应哪些字体。 Windows 操作系统黑体：SimHei宋体：SimSun新宋体：NSimSun仿宋：FangSong楷体：KaiTi仿宋 GB2312：FangSongGB2312楷体 GB2312：KaiTiGB2312微软雅黑：Microsoft YaHei （Windows 7 起先供应）OS X 操作系统冬青黑体: Hiragino Sans GB （

3、SNOW LEOPARD 起先供应）华文细黑：STHeiti Light （又名 STXihei） 华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong假如用户装了 MicroSoft Office，还会多出一些字体。隶书：LiSu幼圆：YouYuan华文细黑：STXihei 华文楷体：STKaiti华文宋体：STSong 华文中宋：STZhongsong 华文仿宋：STFangsong 方正舒体：FZShuTi方正姚体：FZYaoti华文彩云：STCaiyun 华文琥珀：STHupo 华文隶书：STLiti 华文行楷：STXingkai 华文新

4、魏：STXinwei font-family 吩咐CSS 的 font-family 吩咐，指定了网页元素所运用的字体。下面是一个例子。font-family: Georgia, Times New Roman, Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, serif; 它的规则有三条。（1）优先运用排在前面的字体。 （2）假如找不到该种字体，或者该种字体不包括所要渲染的文字，则运用下一种字体。（3）假如所列出的字体，都无法满意须要，则让操作系统自行确定运用哪种字体。依据这些规则，font-family 应当优先指定英文字体，然后再指定中文字体。否则，中文字体所

5、包含的英文字母，会取代英文字体，这往往很丑陋。上面图片中，红框内的英文字母，左边采纳英文字体渲染，右边采纳中文字体渲染，哪一种效果比较好，一目了然。为了保证兼容性，中文字体的中文名称和英文名称，应当都写入 font-family。比如，微软雅黑的英文名称是 Microsoft YaHei。 此外，中文字体的中文名称，以及由多个单词组成的英文名称，应当放在双引号内。Windows 平台和 Mac 平台由于 Windows 和 Mac 的中文字体没有交叉，所以应当同时为两个平台指定字体。 常见的做法是，Windows 平台指定微软雅黑（Microsoft YaHei），Mac 平台指定华文细黑（S

6、TXihei）。衬线体和无衬线体所谓衬线体（Serif），指的是笔画的末端带有衬线的字体。 就像英文字体一样，中文字体也可以分成衬线体和无衬线体（San-serif）。比如，对于繁体字来说，微软正黑（Microsoft JhengHei）是无衬线体，新细明体（PMingLiU）是衬线体。 对于简体字来说，微软雅黑（Microsoft yahei）是无衬线体，宋体（SimSun）是衬线体。一般来说，衬线体装饰性强，往往用于标题；无衬线体清楚度好，往往用于正文。几种常见中文字体（1）宋体（SimSun） 宋体是最常见的中文字体，假如没有指定字体，操作系统往往选择它来渲染。许多人认为，这种字体并不美

7、观。（2）微软雅黑（Microsoft YaHei）微软雅黑的美观度和清楚度都较好，可以作为网页的首选字体。它在 Mac 平台的对应字体是华文细黑（STXihei）。 但是，Windows XP 没有预装这种字体，这时可以选择黑体（Simhei）替代。不过，黑体比较粗，不应用于字号较小的文字。（3）仿宋（FangSong）这种字体是衬线体，比宋体的装饰性更强。假如字号太小，会影响清楚度，所以只有在字号大于 14px 的状况下，才可以考虑这种字体。 它在 Mac 平台的对应字体是华文仿宋（STFangsong）。 （4）楷体（KaiTi）楷体也是衬线体，装饰性与仿宋体接近，但是宽度更大，笔画更清晰一些。这种字体也不应当在小于 14px 的状况下运用。它在 Mac 平台的对应字体是华文楷体（STKaiti）。 美文 美图