Creative Use Of Symbol Fonts: Time Display

Home » Blog » Design » Creative Use Of Symbol Fonts: Time Display

In his article The Era of Symbol Fonts, Brian Suda refers to
Timepiece Rounded, an OpenType font that makes use of the symbol font concept and specifically ligatures to display clock hands!

For instance, a time string such as “19:52:45” will be displayed as follows:

Bildschirmfoto 2013-04-16 um 19.52.03

The source code for this contains merely text and and a bit of CSS styling:

<div class="timepiece missswiss"><span class="clock" id="missswiss" style="display: block; font-size: 226px;">19:52:45</span></div>

Pretty awesome!

One comment

    Leave a Comment

    By continuing to use the site you agree to the use of cookies. more information

    The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or if you click "Accept" below then you are consenting to this.