vue引入字体

vue引入扩展字体.ttf格式

1.下载自己所需要的字体，文本格式为.ttf
2.在src下面的assets下边新建一个font文件夹
3.在font文件夹中新建一个font.css并且将下载好的字体复制进去(最好不要改名，下载是什么就是什么，我改了一下，不能用，重新下载了一下就可以了，如果自己找不到下载的字体可以找UI要)

4.在font.css中写入代码

@font-face{
    font-family:"方正综艺简体";//这个是自己起的字体名
    src: url("./方正综艺简体.ttf");//这个是引入.ttf字体的路径
}

5.在App.vue里边引入font.css,这有两点需要注意的
（1）引入App.vue，不要引入到main.js中
（2）在css代码块中引入，不要引到js代码块中

6.最后在需要使用的页面使用之前font.css中的名字就可以了

觉得有帮助的可以关注一下，第一次写，以后会多更新。