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';}
------------完--------------