font-family
h2 {
font-family: Arial, "Microsoft YaHei UI";
}
font-size
h3 {
font-size: 20px;
}
谷歌浏览器默认的文字大小为16px
可以给body指定页面所有文字的大小
标题标签比较特殊,需要单独指定其文字大小
font-weight
font-weight的各项属性,查看https://blog.csdn.net/jinse29/article/details/123272048
p {
font-weight: bold; /粗体
font-weight: bolder; / 定义更粗的字符。
font-weight: lighter; /定义更细的字符。
font-weight: normal; /默认粗细,对应数字400
font-weight: inherit; /规定应该从父元素继承字体的粗细。
font-weight: initial; / 将此属性设置为其默认值。
font-weight: revert;
font-weight: unset;
font-weight: 700; /不用加单位,等价于bold
/提倡使用数字 表示加粗或者变细
}
font-style
p {
font-style: normal;
font-style: italic;
}
normal 文字不倾斜
italic 文字倾斜
平时我们很少给文字加斜体,反而要把斜体标签(em,i)改为不倾斜字体
font复合写法
div {
font: italic 700 16px "Microsoft YaHei UI";
}
顺序 : 斜体/正常体 粗度 大小 字体
font-style font-weight font-size font-family