为何在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"和"微软雅黑"两个属性值，是不是重复了？

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

转载于:https://www.cnblogs.com/wenzheshen/p/5626574.html