<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        字体 
        字体属性 
        h2 {
            font-family: '微软雅黑';
        }
        p {
            font-family: 'Microsoft YaHei', 'Arial';
        }
        多个字体间用英文","分开 
        用英文名称兼容根号，用引号包裹,
        单引号双引号都行 执行时先找前一个，再下一个 
        
        字体大小 
        body {
            font-size: 20px;
        }
        标题较为特殊，需要单独设置大小 
        px－像素是最常用单位 尽量不要采用浏览器自定 
        
        字体粗细 
        .bold {
            font-wight: bold;
            font-wight: normal;
        }
        属性较多，建议去手册查找 
        属性：normal正常字体 400、bold粗 700、bolder超粗、lighter细、
        number（纯数字不需要单位，设置粗细） 实际开发更提倡使用数字 
        
        文字样式 
        .italic {
            font-style: italic;
            font-style: normal;
        }
        属性：italic斜体、normal正常 
        主要使用是让斜体变正 
        
        复合属性 
        div {
            /* 省略写法：font: font-style font-wight font-size/line-hight font-family; */
            font: italic 700 16px 'Microsoft YaHei';
        }
        不能更改位置，必须按这个顺序，中间用空格隔开 其余可省略，
        但font-size与font-family不能省
    </style>
</head>

<body>
    <h2>标题微软雅黑</h2>
    <p>普通文本1</p>
    <p class="bold">普通文本2加粗</p>
    <p class="italic">普通文本3斜体</p>
</body>

</html>