How to set the font-family like a digital clock CSS?

<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>

get...

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

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

Just do this

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

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

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