文字字体字体系列 css使用font-family属性定义文本字体系列字体之间用英文状态下的逗号隔开一般情况下，如果

字体系列

css使用font-family属性定义文本字体系列

字体之间用英文状态下的逗号隔开

一般情况下，如果有空格隔开的的多个单词组成的字体加引号

尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示，而且必须将英文字体写在前面，中文字体写在后面，避免在中文字体下的一些符号替代了英文字体下的符号。

在使用定义字体时，需要将需按照一定格式进行设置，使用 @font-face定义字体，在进行font-family使用

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

<head>

    <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>
        @font-face {
            font-family: 'webfont';
            font-display: swap;
            src: url('//at.alicdn.com/t/webfont_5qp3o4t06ty.eot');
            /* IE9*/
            src: url('//at.alicdn.com/t/webfont_5qp3o4t06ty.eot?#iefix') format('embedded-opentype'),
                /* IE6-IE8 */
                url('//at.alicdn.com/t/webfont_5qp3o4t06ty.woff2') format('woff2'),
                url('//at.alicdn.com/t/webfont_5qp3o4t06ty.woff') format('woff'),
                /* chrome、firefox */
                url('//at.alicdn.com/t/webfont_5qp3o4t06ty.ttf') format('truetype'),
                /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url('//at.alicdn.com/t/webfont_5qp3o4t06ty.svg#思源黑体-极细') format('svg');
            /* iOS 4.1- */
        }



        .para1 {
            font-family: "微软雅黑";
        }

        .para2 {
            font-family: "宋体";
        }

        .para3 {
            font-family: serif, "微软雅黑";
        }

        .para4 {
            font-family: 'Times New Roman';
        }
        .para5 {
            font-family:'webfont';
        }
    </style>
</head>

<body>
    <p class="para1">imooc慕课网</p>
    <p class="para2">imooc慕课网</p>
    <p class="para3">imooc慕课网</p>
    <p class="para4">imooc慕课网</p>
    <p class="para5">因为你</p>
    <p class="para6">imooc慕课网</p>
</body>

</html>