VUE中引入字体

1.搜索下载需要的字体： https://www.dafont.com/theme.php

2.在vue项目下的src/assets文件夹下创建font文件夹，放入需要用的字体并新建font.css 

3.font.css写入如下代码

@font-face {

    font-family:"MyFont"; //自定义字体名称

    src: url('./micross.ttf'); //引入字体路径

}

4.在main.js中根据路径引入创建的css文件

// 引入字体样式

import "@/assets/font/font.css"

5.在页面中使用字体

div{

       font-family:MyFont

}