CSS中的字体设置

五大类：serif, sans-serif, monospace, cursive, fantasy

 

serif 衬线字体，如 Big Caslon, 宋体

sans-serif 非衬线字体，如 Helvetica, 黑体

monospace 等宽字体，如 Menlo

cursive 手写体，如 Comic Sans MS

fantasy 幻想体，如 Bodoni Ornaments

 

同时声明文字体的字体名称（英文）和显示名称（中文），就像这样：

font-family: SimSun, “宋体”;
font-family: “Microsoft YaHei”, “微软雅黑”;
font-family: STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”;

 

先声明英文字体，如：

font-family: Georgia, SimSun, “宋体”;
font-family: Arial, “Microsoft YaHei”, “微软雅黑”;

 

在最后补充英文字体族的名称，如：

font-family: Georgia, SimSun, “宋体”, serif;
font-family: Arial, “Microsoft YaHei”, “微软雅黑”, sans-serif;

 

font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif

• 对于英文字符，首先查找Helvetica(Mac)，然后查找Tahoma(Win)，都找不到就用Arial(Mac&Win)；若是以上三者都缺失，则使用当前默认的sans-serif字体(操作系统或浏览器指定)；
• 对于中文字体，我们已经了解其规则了。华文细黑(Mac)，微软雅黑(Win)是这两个平台的默认中文字体。

 

兼容旧版系统，如Windows XP~

font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, Heiti, “黑体”, “Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, sans-serif