Zach’s ugly mug (his face)

Zach Leatherman

The 24 Clock on ALARMd

24 Jan 2010 Zach Leatherman 1 min read

If you’re only using @font-face for titles and text, you’re missing out on a whole wealth of use cases that have yet to be explored. For instance, I created a very simple 7 Segment Display Numeric font to be used for a skin on alarmd.com and changed the color using nothing but CSS to create the “24″ Clock (true fans will note that the actual font is italic and has a serif on the 1). Nonetheless, this is just another useful application of @font-face.

Take a look at the Dingbats section on fontsquirrel to get your brain going in the same direction.

3 Comments

➡ Load Disqus to Leave a Comment ⬅

A few suggestions:
Put the clock tick sound on the page
Make the default video Jack Bauer yelling Damnit!
Stop using sensible technical phrases and start uttering gibberish.

Is it Web 2.0 compatible with AJAX? Oh, and what port do you need to open to send it to my screen?

Zach Leatherman

30 Jan 2010 at 02:09PM

It's HTML 5 and doesn't use Flash! Fully compatible with the iPad and multi-touch!