How to set font family like CSS digital clock?

I would like to use the font family in CSS, so that numbers and possibly letters look like in a digital clock. Where can I find such a font?

+5
source share
3 answers

Just do it

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

Then apply it to the text font-family:'digital-clock-font'

Use Google to find the font you want, or try this link for a digital clock: http://www.1001fonts.com/digital+clock-fonts.html

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

then ...

 <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> 
+12
source

You might want to take a look at DS Digital for a font similar to a digital clock. But I'm not too sure how you could use it in CSS.

-1
source

Source: https://habr.com/ru/post/1235689/


All Articles