目录

1. 字体系列

2. 字体大小

3. 字体粗细

4. 字体样式

css fonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。

1. 字体系列

css使用font-family属性定义字体。

• 各个字体之间必须用英文的逗号隔开
• 空格隔开的多个单词组成的字体，加引号
• 尽量使用系统默认字体，保证在任何用户的浏览器中都能显示
• 最常见的字体：body { font-family：'Microsoft YaHei',tahome,arial,' Hiragino San GB';}

2. 字体大小

css使用font-size属性定义字体大小

• px(像素)大小是网页最常用的单位
• 谷歌浏览器默认的文字大小是16px
• 不同浏览器默认显示字号大小不一致，我们要给定一个值
• 可以用body指定整个页面大小
• 标题标签比较特殊，需要特定指定大小，不能用body指定

3. 字体粗细

css使用font-weight属性设置字体的粗细

注意：数值后面不需要加px单位，实际开发中推荐用数值的方式表达

4. 字体样式

css中使用font-style属性设置文本的风格

注意：很少给文字加倾斜，反而给倾斜的标签改为不倾斜的字体

5. 字体复合属性

字体复合属性将上面的文字样式综合来写，可以更节约代码，提高开发效率

div {
    font: italic 700 16px/20px 'Microsoft yahei'
}

• 必须按照上面的语法格式顺序来写，不能改变顺序，属性间用空格隔开
• 不需要设置的属性可以省略（默认值），但必须保留font-size和font-family属性，否则不起作用