字体引入

smileFont.ttf 与 index.css在同一目录下

/*index.css 字体定义*/
@font-face {
    font-family:myfont1;
    src: url("./smileFont.ttf");//引入字体
}
.font1{      //在需要的地方加.font1这个类名
    font-family: myfont1;
} 

 html, body {
        margin: 0;
        width: 100%;
        height: 100%;
        font-family: myfont1; //使用
        text-align: center; 
    }