vue 数据大屏使用数字字体

一、下载数字字体

下载地址:https://www.dafont.com/theme.php?cat=302&text=0123456789
字体有很多选择,根据需要下载

二、转换字体

转换地址:https://www.fontsquirrel.com/tools/webfont-generator

先解压字体包,上传选择 .ttf文件

三、引入项目

  1. 把下载的压缩包解压,把文件放到项目中

在这里插入图片描述
在这里插入图片描述
2.修改stylesheet.css文件,添加number属性
在这里插入图片描述
3.在main.js中引入
在这里插入图片描述
4.在文件中使用
在这里插入图片描述
以上就是数据大屏使用数字字体过程

参考文档:https://www.jianshu.com/p/1eac5c66d456

posted @ 2022-06-23 08:57  白小杨  阅读(432)  评论(0编辑  收藏  举报