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

Question

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

Answer 1

就这样做

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

然后将其应用于您的文字font-family:'digital-clock-font'

使用 Google 查找您喜欢的字体，或尝试使用此链接获取数字时钟字体：http://www.1001fonts.com/digital+clock-fonts.html

Answer 2

<link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>

...然后

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

<link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>

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

Answer 3

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