font属性
所有CSS字体属性
属性描述
font在⼀个声明中设置所有的字体属性
font-family指定⽂本的字体系列
font-size指定⽂本的字体⼤⼩
font-style指定⽂本的字体样式
font-variant以⼩型⼤写字体或者正常字体显⽰⽂本。
font-weight指定字体的粗细。
字体颜⾊是color:；不是
⼀、字体⼤⼩设置font-size:;
PS：
①虽然16px=1em=100%，但是推荐使⽤em做单位，这是w3c的标准，为的是避免Internet Explorer 中⽆法调整⽂本的问
题。
②em会继承⽗元素的字体⼤⼩值，在基础上×N（N就是Nem的数值）
传送门：
⼆、字体样式设置font-style:;（斜体/正常）
PS：
①除⾮还需设置其他CSS样式属性，否则单纯斜体样式，建议使⽤斜体标签<em>
②误区！这个属性不是设置粗体的！
三、字体加粗设置font-weight:;（这个才是粗体）
PS：
①常⽤的值是“bold”，某些时刻才会⽤到细“lighter”（很少，细度⼀般就正常，不会更细）
②虽然粗度还有其它值，甚⾄是数字“100”~“900”（400=normal“正常”，700=bold“正常粗”），但，我尝试过
了，900跟bold（700）没区别，所以只需要记住"bold"就够了
四、设置⼩型⼤写字母font-variant:;
PS：
①误区，并⾮改变字母⼤⼩写，⽽是把字母都变成⼤写，然后除第⼀个字母，其他都缩⼩。
②所以，这种属性的意义在哪？（或许可能对于某些情况有⽤，但...估计⼀些前辈开发⼏年都没⽤过，可能国外⽐较常⽤）
五、字体系列设置font-family:;
PS：
①其实定义字体组（字体系）不难理解，你想显⽰哪种字体，就先定义哪种字体，然后为了防⽌⽤户电脑没有你定义的字体，
导致⽹页显⽰出错或者不美观，你再定义⼀些备⽤字体，最后为了稳妥起见，再定义个通⽤字体（通常字体）。
②常⽤指定字体，⼀般（属性值可别写中⽂）：微软雅⿊、⿊体、宋体、Arial（英⽂字体）等
fontweight属性bold②通⽤字体（通常字体）不多，也就这⼏种：serif（常⽤）、sans-serif（常⽤）、cursive、fantasy、monospace。
font-family: MILanPro,Helvetica,Arial,sans-serif;
font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
font-family: ‘Microsoft Yahei’;
font-family: ‘Lucida Grande’, Arial, ‘\5FAE\8F6F\96C5\9ED1’, ‘\5b8b\4f53’;
font-family: ‘PingFangSC-Regular’, ‘helvetica neue’, tahoma, ‘PingFang SC’, ‘microsoft yahei’, arial, ‘hiragino sans gb’, sans-serif;
font-family: ‘Microsoft Yahei’, ‘PingFang SC’, ‘Avenir’, ‘Segoe UI’, ‘Hiragino Sans GB’, STHeiti, ‘Microsoft Sans Serif’, ‘WenQuanYi Micro Hei’, sans-serif;
font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, serif;
font-family: “Microsoft YaHei”,arial,courier new,courier,"\5b8b\4f53",monospace;
传送门：
六、总属性font的设置
font 设置的顺序是：font-style(不常⽤) font-variant(不常⽤) font-weight(不常⽤) font-size/line-height(常设) font-family(常设)； 所以最终，也就： font: ⼤⼩size/⾏⾼字体组; （注意先设字体⼤⼩，然后斜杠，再设⾏⾼。⾏⾼可不设，取默认值，需要时，才另设。）
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论