如何在vue项目中引入自定义字体

在这里插入图片描述
做大屏项目时，UI给出的设计稿数字是digital字体，实现方法如下
1、下载相应.ttf字体到本地
在这里插入图片描述
我是这这个网站下载的https://www.fonts.net.cn/
2、在css中引入字体
在这里插入图片描述
记得该css文件最后是要引入到main.js里面的
3、使用
在这里插入图片描述
在font-family中就可以使用自己引入的字体了
在这里插入图片描述

本文仅作为工作中的日常记录

版权声明：本文为weixin_42823060原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。