1、先下载字体压缩包
https://www.dafont.com/theme.php?cat=302&text=0123456789
2、下载后将压缩包解压
3、下载的字体文件格式不能直接使用,需要转换格式,我知道有两个地址可以转换,我这使用的是2
1、这个工具,没有使用
https://www.fontke.com/tool/fontface/
2、将解压或的.ttf文件上传,然后再下载到本地
https://www.fontsquirrel.com/tools/webfont-generator
4、下载后的文件以及解压后的文件
4、项目中使用
在Vue项目中的assets中新建fonts文件夹,将解压后的字体文件在fonts文件夹中
将压缩包中的stylesheet.css 的内容放在使用液晶字体的css文件中或者引入stylesheet.css
@import "../../../assets/fontsss/stylesheet.css";
.card-panel-num {
font-size: 24px;
letter-spacing: 2px;
font-family: "digital-7_monomono";
}