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
}