如何将字体系列设置为数字时钟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>