vue 项目中如何中引入第三方字体？

大家好我是图恩，有时候我们不想用系统自带的字体，而是想引用一些好看的字体来渲染我们的页面，提高用户体验，但是引入第三放字体要注意的版权问题，使用免费字体能减少一笔开支，下面介绍一下在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即可。

本文章由javascript技术分享原创和收集