The “24″ Clock on ALARMd

By Zach Leatherman | Published: January 24, 2010

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.

VN:F [1.8.4_1055]
Rating: 5.0/5 (1 vote cast)
The "24" Clock on ALARMd5.051
This entry was posted in CSS, Projects and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
  • Thanks for reading. If you found this article useful, and you've read through some of my previous articles, you might as well Subscribe to my content subscribe to my blog. You'll save me some bandwidth that way.

3 Comments

  1. Matt Steele
    Posted January 24, 2010 at 1:54 pm | Permalink

    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.

  2. Jonathan Sharp
    Posted January 27, 2010 at 4:16 pm | Permalink

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

  3. Zach Leatherman
    Posted January 30, 2010 at 9:09 am | Permalink

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

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Additional comments powered by BackType