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!

About the author: Bjoern
Independent IT consultant, entrepreneur
One comment

    Leave a Comment