如何将字体系列设置为数字时钟CSS？

我想在CSS中使用一个字体系列，使数字和字母看起来像数字时钟中的那个。在哪里可以找到这样的字体？

您可能想看看DS Digital，它是一种类似于数字时钟的字体。但是我不太确定如何在CSS中使用它。

就这样做吧

@font-face{
 font-family:'digital-clock-font';
 src: url('put_the_location_to_your_font.ttf or .otf');
}

然后将其应用于文本

font系列：'digital-clock-font'

使用谷歌查找您喜欢的字体，或尝试数字时钟字体的链接：

然后

<div style="font-family: 'Orbitron', sans-serif;">12:04PM</div>

12:04PM

得到

12:04PM

尝试此链接Google允许使用

text

参数，因此，如果您只是将此参数拉入一段时间，请使用类似于此的内容来提高加载时间和带宽<代码>我包括冒号和“AMP”表示AM或PM。您可能需要根据发出请求的方式对参数进行编码。不过Orbitron不是单间隔字体，因此如果您将其用于时钟，则数字会随着位置的变化而跳转，例如，因为1比0细。像VT323这样的单间距字体会更好。我使用了你提到的这个谷歌，我希望在这里找到一个完整的答案，因为很少让我失望。这不适用于外部URL，因为CORS。

<div style="font-family: 'Orbitron', sans-serif;">12:04PM</div>