引入外部字体font

1：将字体的ttf文档放入项目：

本例中文件夹顺序为：assents-->font-->pingfangnormal.fft


2：在style表里写入如下代码：
@font-face{
  font-family: 'pingfang';  /*给自定义字体命名*/
  src:url('~@/assets/font/pingfangnormal.ttf') format('truetype');//引入字体的位置
  font-weight:normal;
  font-style:normal;
}

 

3：开始使用：

使用实例：

body{font-family: 'pingfang';}

------------完--------------