大家好我是图恩，有时候我们不想用系统自带的字体，而是想引用一些好看的字体来渲染我们的页面，提高用户体验，但是引入第三放字体要注意的版权问题，使用免费字体能减少一笔开支，下面介绍一下在vue中怎么引用第三放字体。
1、先在assets目录下面新建一个fonts目录，把下载的字体文件放在里面。
2、在fonts目录下再新建一个fonts.css文件，文件引入下载的字体,字体名称可自定义。
@font-face {
font-family: “华文行楷”;
src: url(‘stxingka.ttf’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: “hwxk”;
src: url(‘stxingka.ttf’);
font-weight: normal;
font-style: normal;
}
3、在main.js文件引入fonts.css即可。