CSS4 字体_css 四号字体-CSDN博客

本文链接：https://blog.csdn.net/flyzer/article/details/115600778

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 我的页面 </title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h2 {
            font-family: '微软雅黑';
        }
        /* 段落中，有Microsoft YaHei就用Microsoft YaHei，没有的话用Arial，以此类推 */
        p {
            font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
        }
        body {
            font-size: 16px;
        }
        /* 可以给body指定整个业面文字的大小，但标题标签比较特殊，需要单独指定文字大小 */
        h2 {
            font-size: 18px;
        }
        .bold {
            /* font-weight: bold; 等价于font-weight: 700;*/
            /* font-weight: normal; 等价于font-weight: 400;*/
            /* 100~900 这个数字后面不要跟单位，等价于bold，都是加粗的效果 */
            /* 实际开发中更提倡用数字表示加粗或变细 */
            font-weight: 700;
        }
        .xieti {
            font-style: italic;
            /* 实际开发中很少让文字倾斜 */
            /* 平时我们很少给文字加斜体，反而要给斜体标签（em，i）改为不倾斜字体 */
        }
        .buqingxie {
            font-style: normal;
            /* 让倾斜的字体不倾斜 */
        }
    </style>
</head>
<body>
    <h2>散文诗</h2>
    <p>散文诗是一种现代文体</p>
    <p>兼有诗与散文特点的一种现代抒情文学体裁</p>
    <p class="bold">它融合了诗的表现性和散文描写性的某些特点</p>
    <p class="xieti">斜体字</p>
    <em>原本倾斜的字体</em> <br>
    <em class="buqingxie">现在不倾斜了</em>
</body>
</html>