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 @   白小杨  阅读(590)  评论(0)  编辑  收藏  举报
相关博文：
·  uniapp 调用蓝牙接收数据、发送指令后接收返回结果
·  uniapp 打包app 引入高德地图sdk
·  vue中引入字体
·  vue 引入字体文件
·  大屏系统vue+datav+elementPlus
阅读排行：
· 使用C#创建一个MCP客户端
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· ollama系列1：轻松3步本地部署deepseek，普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手