markdown 为何在FONT-FAMILY属性中设置多个值
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 为何在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"和"微软雅黑"两个属性值,是不是重复了?
>答:对于上面两个值,其实是不矛盾的,因大部分中文字体里包含英文字母,而英文字体里是不包含中文字符。所以,先声明英文字体,再声明中文字体,否则页面会用中文字体显示英文的效果(中文中的英文显示不出理想效果,丑)。
以上是关于markdown 为何在FONT-FAMILY属性中设置多个值的主要内容,如果未能解决你的问题,请参考以下文章
如何使用正则表达式删除 html 中的 font-family 属性?
markdown 黑色背景
markdown 黑色背景
请问css的font-family属性 如何实现 Windows系统显示宋体 苹果系统显示微软雅黑?
GitHub Flavored Markdown Spec
7.文本和字体属性