实际开发中除了系统默认的字体，我们可以把系统以外的字体引入到项目中使用； 我们可以将字体文件放入本地文件夹中或者服务器上，文字文件格式为：TTF、OTF、EOT、SVG等；然后使用@font-face属性引入到项目中，具体步骤如下：

第一步：将对应字体放在对应文件夹中

以下图片字体是一个项目，其中font是存放字体文件的，后期会放在服务器上哦

第二步：利用@font-face将字体引入

@font-face中使用font-family规定调用字体名称

必须使用src属性以内字体文件夹中的字体引入

如果是需要引入多个不同字体，可以直接使用@font-face引入其他的字体

    /*第一个字体*/
    @font-face {
        font-family: '方正少儿体';
        src: url(./font/方正少儿简体.ttf);
    }
     /*第二个字体*/
    @font-face {
        font-family: '华光';
        src: url(./font/huaguangbuxiaodouti.ttf);
    }

第三步：调用字体

将字体引入以后就可以用font-family调用引入的字体名称

   h1 {
        font-family: '方正少儿体';
    }

    h2 {
        font-family: '华光';
        font-size: 60px;
    }

效果如下

按照以上几步我们就可以将自己的文字字体引入到自己的项目哦！！！