CSS机械字体

一、实现效果

二、下载字体

字体链接: 机械字体下载地址

三、引入字体

// 在src/assets/css/global.css中将下载号的字体引入
@font-face {
    font-family: NumFont;
    /* src: url('../fonts/flatNum.ttf'); */
    src: url('../fonts/Digiface-Regular.ttf');
    unicode-range: U+30-39;
}

四、使用字体

在想要替换字体的地方使用

// 其中这个NumFont就是你引入时font-family取的别名
font-family: NumFont !important;;