我们都知道css中的font-family属性是用来规定元素的字体系列的属性，可以指定一个元素的字体。但我们要设置的字体形式必需是在Windows字体库中有的，否则不会生效。假若我们想使用外部字体，如何让这种字体在客户的浏览器中正常显示呢？
首先需要在电脑上下载有关字体的安装包，以.otf或.ttf为后缀的，具体请自行下载。
接着我们需要在index.vue同级建立一个font文件夹，将下载好的字体文件放到font文件夹下。
然后，在你需要使用自定义字体的页面引入该字体。推荐在公共样式中写入。
接着只需要给全部页面设置该字体属性即可。
若只想给一部分文字设置该字体属性，给要修改字体的类名设置样式即可。
下一篇： echarts简单自动切换实现
