为何在font-family属性中设置多个值

通常前端开发中会对body标签中设置font-family属性多个值,例如:

body{padding:0;margin:0;font-size:12px;text-align:left;font-family: "Microsoft YaHei","微软雅黑","Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}

 其实设置多个值的意思是:若用户电脑未安装第一种字体Microsoft YaHei(微软雅黑),则执行第二个字体,以此类推。最后申明的sans-serif,专指西文中没有衬线的字体,与汉字字体中的黑体相对应。

注意:对于上面的body属性你会发现"Microsoft YaHei"和"微软雅黑"两个属性值,是不是重复了?

 答:对于上面两个值,其实是不矛盾的,因大部分中文字体里包含英文字母,而英文字体里是不包含中文字符。所以,先声明英文字体,再声明中文字体,否则页面会用中文字体显示英文的效果(中文中的英文显示不出理想效果,丑)。

posted @ 2016-06-29 13:55  申文哲  阅读(9749)  评论(0编辑  收藏  举报