[No000042]CSS 之 平时那些你不敢用的字体
CSS 之 平时那些你不敢用的字体
网上找找,无非如下一些中规中矩的结果:
Windows下建议字体:
|
字体名称 |
对应英文 |
|
宋体 |
SimSun |
|
黑体 |
SimHei |
|
微软雅黑 |
Microsoft YaHei |
|
微软正黑体 |
Microsoft JhengHei |
|
新宋体 |
NSimSun |
|
新细明体 |
PMingLiU |
|
细明体 |
MingLiU |
|
标楷体 |
DFKai-SB |
|
仿宋 |
FangSong |
|
楷体 |
KaiTi |
|
仿宋_GB2312 |
FangSong_GB2312 |
|
楷体_GB2312 |
KaiTi_GB2312 |
Mac OS下建议字体：
|
华文细黑 |
STHeiti Light [STXihei] |
|
华文黑体 |
STHeiti |
|
华文楷体 |
STKaiti |
|
华文宋体 |
STSong |
|
华文仿宋 |
STFangsong |
|
俪黑 Pro |
LiHei Pro Medium |
|
俪宋 Pro |
LiSong Pro Light |
|
标楷体 |
BiauKai |
|
苹果俪中黑 |
Apple LiGothic Medium |
|
苹果俪细宋 |
Apple LiSung Light |
安装完Office后自带的字体:
|
隶书 |
LiSu |
|
幼圆 |
YouYuan |
|
华文细黑 |
STXihei |
|
华文楷体 |
STKaiti |
|
华文宋体 |
STSong |
|
华文中宋 |
STZhongsong |
|
华文仿宋 |
STFangsong |
|
方正舒体 |
FZShuTi |
|
方正姚体 |
FZYaoti |
|
华文彩云 |
STCaiyun |
|
华文琥珀 |
STHupo |
|
华文隶书 |
STLiti |
|
华文行楷 |
STXingkai |
|
华文新魏 |
STXinwei |
注: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"。
在CSS文件中，我们常看到有些字体名称变成了乱码，这是由于编写者将中文字体的名字直接写成了中文，并且再上传或者拷贝复制的时候无意间变成了乱码。为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称，我们常用中文字体的英文名称对照表如下：
Windows、Mac OS和Office自带的字体中英文对照表：
|
中文名 |
英文名 |
Unicode |
Unicode 2 |
|
Mac OS |
|||
|
华文细黑 |
STHeiti Light [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 |
华文仿宋 |
|
丽黑 Pro |
LiHei Pro Medium |
\4E3D\9ED1 Pro |
丽黑 Pro |
|
丽宋 Pro |
LiSong Pro Light |
\4E3D\5B8B Pro |
丽宋 Pro |
|
标楷体 |
BiauKai |
\6807\6977\4F53 |
标楷体 |
|
苹果丽中黑 |
Apple LiGothic Medium |
\82F9\679C\4E3D\4E2D\9ED1 |
苹果丽中黑 |
|
苹果丽细宋 |
Apple LiSung Light |
\82F9\679C\4E3D\7EC6\5B8B |
苹果丽细宋 |
|
Windows |
|||
|
新细明体 |
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 |
楷体 |
|
仿宋_GB2312 |
FangSong_GB2312 |
\4EFF\5B8B_GB2312 |
仿宋_GB2312 |
|
楷体_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
楷体_GB2312 |
|
微软正黑体 |
Microsoft JhengHei |
\5FAE\x8F6F\6B63\9ED1\4F53 |
微软正黑体 |
|
微软雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
微软雅黑 |
|
Office |
|||
|
隶书 |
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 |
华文新魏 |
========================分割线======================
接下来,进入正题,尝试一些新鲜的字体(Windows下,你也可以用 字体试衣间 等软件查看你机器上的字体),并用
"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
做对比:
-
Algerian"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Andalus"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Aparajita"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Arial"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Arial Unicode MS"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Baskerville Old Face"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Batang"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Bell MT"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Broadway"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Colonna MT"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Comic Sans MS"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Consolas"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Constantia"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Cooper Black"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Courier"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Courier New"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
DFKai-SB"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Dotum"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Ebrima"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Freestyle Script"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Georgia"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Gisha"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Harrington"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Impact"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Informal Roman"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Iskoola Pota"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
JasmineUPC"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Jokerman"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Juice ITC"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Kokila"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Kunstler Script"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Lao UI"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Latha"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Levenim MT"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
LilyUPC"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Lucida Calligraphy"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Lucida Handwriting"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Magneto"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Matura MT Script Capitals"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Meiryo UI"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Mistral "一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Microsoft YaHei"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Microsoft JhengHei"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
MS Serif"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
MV Boli"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Niagara Engraved"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Old English Text MT"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Script"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Segoe UI"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Vivaldi"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Vrinda"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Wide Latin"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
FZShuTi"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
SimSun"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
STCaiyun"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
STXingkai"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
STLiti"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Tahoma"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
一些第三方字体:
-
XinGothic CiticPress"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
XinGothic-ZhangYue W6"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Hiragino Sans GB W3"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Droid Sans Fallback"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Helvetica Neue Medium Extended"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
FreeSans"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
-
Liberation Sans"一二三四五ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz六七八九十"
一些字体不全的童鞋,给你们截个图看看:
所以呢?
说重点,为了让那种只有系统自带字体的用户有更好的浏览体验:
-
做网页,如果要中规中矩的:font 从'Microsoft YaHei','Microsoft JhengHei','Vrinda','Andalus','Courier New','Tahoma','Lao UI','Latha','Meiryo','Georgia'里面选,
比如:font-family: 'Microsoft YaHei','Vrinda','Courier New','Microsoft JhengHei','Andalus','Lao UI','Tahoma','Latha','Meiryo','sans-serif';
-
像我这种比较另类的: font从'Comic Sans MS','Impact','MV Boli'里面选,
比如:font-family: 'Comic Sans MS','MV Boli','Impact','Microsoft YaHei','sans-serif';
