效果

打开网站下载字体

字体下载连接

1.选择LCD下载

2.进行预览下载

进行文件转换

上面下载的压缩包里面的文件都是.ttf格式，需要转换成.woff格式,在下面这个网站进行转换

字体文件转换连接

3.解压压缩包并进行上传转换

4.打开压缩包，将.woff 、.woff2 文件拷贝至项目的某个文件夹下

5.将压缩包中的stylesheet.css 的内容拷贝至项目的src文件夹下面

6.修改stylesheet.css 文件中字体样式的引入路径

7.在main.js中进行全局引入

使用