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

    * Checkbox GDPR is required

    *

    I agree

    By continuing to browse the site you agree to our use of cookies. Privacy Policy

    Privacy Preference Center

    Strictly necessary

    These cookies are necessary for the site to function.

    PHPSESSID: Preserves user session state across page requests.

    __cfduid: Used by the content network, Cloudflare, to identify trusted web traffic.

    PHPSESSID
    __cfduid

    Preferences

    Remembers the user's submitted data when a comment is submitted in a blog post. The purpose is to aut o-populate form fields for subsequent comments, in order to save time for the user.

    wfvt_#

    Statistics

    Statistic cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

    _ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

    _gat: Used by Google Analytics to throttle request rate.

    _gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

    collect: Used to send data to Google Analytics about the visitor's device and behaviour. Tracks the visitor across d evices and marketing channels.

    _ga,_gat,_gid
    collect

    Security

    We use Wordfence to secure our website against hacking attempts: https://www.wordfence.com/

    wordfence_verifiedHuman

    Close your account?

    Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?