css实现时间数字特效字体格式

css实现如图所示机械字体格式，并且字体从左向右渐变色实现。

 

 我用的是.ttf文件格式字体，这个可以去网上下载一下，我的是我们ui给的，主要写法就是先定义字体

@font-face {
  font-family: "DS-Digital";//这个是定义字体的名称
  src: url("./DS-Digital Bold.ttf");
}

这样引入之后字体使用 font-family: "DS-Digital", serif;设置就能实现了，如果背景想要渐变色就需要

background: linear-gradient(to right, #47f0ff, #0899ff);
          -webkit-background-clip: text;
          color: transparent;

这样就大功告成了，如果帮到你就支持一下下吧~