中文名称 | 英文名称 | unicode |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
细明体 | MingLiU | \7EC6\660E\4F53 |
标楷体 | DFKai-SB | \6807 \6977\4F53 |
黑体 | SimHei | \9ED1\4F53 |
宋体 | SimSun | \5B8B\4F53 |
新宋体 | NSimSun | \65B0\5B8B\4F53 |
仿宋 | FangSong | \4EFF\5B8B |
楷体 | KaiTi | \6977\4F53 |
仿宋_GB23122 | FangSong_GB2312 | \4EFF\5B8B_GB2312 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |
丽黑 | ProLiHei Pro Medium | \4E3D\9ED1 Pro |
丽宋 | ProLiSong Pro Light | \4E3D\5B8B Pro |
标楷体 | BiauKai | \6807\6977\4F53 |
隶书 | LiSu | \96B6\4E66 |
幼圆 | YouYuan | \5E7C\5706 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B |
华文仿宋 | STFangsong | \534E\6587\4EFF \5B8B |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 |
方正姚体 | FZYaoti | \65B9 \6B63\59DA\4F53 |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 |
华文琥珀 | STHupo | \534E\6587\7425\73C0 |
华文隶书 | STLiti | \534E\6587\96B6\4E66 |
华文行楷 | STXingkai | \534E\6587\884C\6977 |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F |
在CSS中,通过 font-family属性来指定文本所使用的字体系列。语法格式为:
font-family: [<family-name> | <generic-family>]
其中,family-name为字体系列的名称;generic-family为通用字体系列的名称。也就是说,font-family属性的值既可以是具体的字体系列的名称,也可以是通用字体系列的名称。
CSS定义了 5 种通用字体系列,分别是serif、sans-serif、cursive、fantasy、monospace,font-family属性可用使用其中的任何一种。如果希望文档使用一种通用字体系列中的某个字体,但并不关心是哪一种具体的字体,使用通用字体系列就比较合适。如:
body {
font-family: sans-serif;
}
这样,浏览器就会从 sans-serif 字体系列中选择一种字体,并将它应用到 body 元素。由于 font-family属性具有继承性,这种字体将会应用到 body 元素中的所有元素,除非有一种更特殊的选择器将其覆盖。
选择字体时,要尽量选择能够引人注目(特别是标题),并且容易阅读的字体。当然,设计师也可以选择使用特定的字体。假如设计师希望所有 h1 标题都使用 Georgia 字体,可以使用以下声明:
h1 {
font-family: Georgia;
}
这会使浏览器对所有 h1 标题都使用 Georgia 字体。当然,这个规则是假设访问者的计算机上已经安装了该字体。并且,设计师总是希望使用任何想要的字体,遗憾的是,如果访问者的计算机上没有安装该字体,浏览器便会使用默认字体来显示 h1 标题。
不过,不必万念俱灰,通过结合特定字体和通用字体系列,可以创建与你预想相同的文档。可以使用以下规则,告诉浏览器使用 Georgia 字体(如果可用),如果 Georgia 字体不可用,就使用另外一种 serif 字体:
h1 {
font-family: Georgia, serif;
}
这时,如果访问者的计算机上没有安装Georgia字体,但安装了 Times 字体,浏览器就会使用 Times。尽管 Times 与 Georgia 并不完全匹配,但至少足够接近。
出于这个原因,强烈建议在所有 font-family 规则中,都提供一个通用字体系列。这样一来,就提供了一条后路。
如果你对字体很熟悉,也可以在 font-family属性中指定想要的字体,并按优先顺序依次排列,中间用逗号分隔。如:
body {
font-family: Arial, SimSun, Helvetica, sans-serif;
}
浏览器会根据这个列表,按顺序查找这些字体,如果访问者的计算机上安装了第一种字体,就可以正确显示。如果没有安装第一种字体,就自动切换到第二种、第三种字体,以此类推。如果所有字体都没有找到,就会从 sans-serif 字体系列中选择一种可用的字体。
利用这个特性,还可以实现英文和中文使用不同字体的效果。通常的做法是,把英文字体写在前面,中文字体写在后面。如:
p {
font-family: Arial, 'Microsoft YaHei'; /* Arial,微软雅黑 */
}
这样,浏览器会优先使用 Arial 字体显示文本,由于中文字符不识别 Arial 字体,就会在后面的字体中继续查找,找到 Microsoft YaHei 字体后,便对中文应用该字体,这样,就达到了中文和英文使用不同字体的效果。
在指定字体时,如果字体名称中包含空格或中文或其他特殊字符,则要把整个字体名称用放在引号中,可以使用单引号,也可以使用双引号。并且,字体名称不区分大小写。
对于中文,有三种指定字体的方法:一种是直接使用中文字体名称,一种是使用英文字体名称,一种是使用字体的 unicode 码。但是,在CSS文档中定义字体时,如果直接书写中文,经常会出现乱码,或者在某些浏览器下字体不生效。一个常用的解决办法,是把中文字体名称转换为对应的英文字体名称或unicode 码。如,宋体的英文字体名称为 SimSun、unicode 码为 \5B8B\4F53,则可以写成:
p {
font-family: SimSun;
}
也可以写成:
p {
font-family: "\5B8B\4F53";
}
上述两种写法是等价的,可以自行选择。为了方便查阅,几种常用字体的中文名称、英文名称、unicode码的对照关系见表 。
Windows 中的中文字体。
在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体:
Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312
Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)
Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB
那么每种字体能显示那些汉字呢?
Vista 之前的 Windows 中宋体/新宋体、黑体支持 GBK 1.0 字符集,
楷体_GB2312、仿宋_GB2312 支持 GB2312-80 字符集。
(注:Windows 3.X 只能支持 GB2312-80 字符集)
Vista 及之后的 Windows 中宋体/新宋体、黑体、楷体、仿宋、微软雅黑支持 GB18030-2000 字符集,
SimSun-ExtB 只支持 GB18030-2005 字符集扩展 B 部分。
下面对字符集进行简单的介绍:
GB2312-80 < GBK 1.0 < GB18030-2000 < GB18030-2005
GB2312-80 中的字符数量最少,GB18030-2005 字符数量最多。
GB2312-80 是最早的版本,字符数比较少;
GBK 1.0 中的汉字大致与 Unicode 1.1 中的汉字数量相同;
GB18030-2000 中的汉字大致与 Unicode 3.0 中的汉字数量相同,主要增加了扩展 A 部分;
GB18030-2005 中的汉字大致与 Unicode 4.1 中的汉字数量相同,主要增加了扩展 B 部分;
由于 Unicode 5.2 的发布,估计 GB18030 会在近期发布新版本,增加扩展 C 部分。
需要说明的是在 GB18030 中扩展 B 部分并不是强制标准。
如果想查看 GB18030 的标准文本,请访问 http://www.gb168.cn 中的强标阅读。
如果想了解 Unicode 的内容,请访问 http://www.unicode.org。
现在纠正网上普遍的一个错误:
GB18030-2000 和 GB18030-2005 都不支持单字节的欧元符号
与简体中文有关的代吗页如下:
936 gb2312 简体中文(GB2312)————其实是GBK
10008 x-mac-chinesesimp 简体中文(Mac)
20936 x-cp20936 简体中文(GB2312-80)
50227 x-cp50227 简体中文(ISO-2022)
51936 EUC-CN 简体中文(EUC)
52936 hz-gb-2312 简体中文(HZ)
54936 GB18030 简体中文(GB18030)
补充:
使用楷体_GB2312、仿宋_GB2312后,在 Windows 7/Vista/2008 中可能不再显示为对应的字体。
这是因为 Windows 7/Vista/2008 中有楷体、仿宋,默认情况下没有楷体_GB2312、仿宋_GB2312,字体名称相差“_GB2312”。