The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

backface-visibility and fonts

  • # July 3, 2013 at 9:47 am

    I’d like to properly understand what backface-visibility: hidden does to fonts and why if it’s applied to any element on the page it seems to affect them all.

    For example –

    Ironically I only really realised this was happening because I purchased a new web font and at smaller sizes it looks incredible on a retina display with backface-visibility: hidden on.

    Backface visibility was originally on there to clean up the edges of containers with CSS rotate on another part of the design. If I remove it totally all the type on the page flickers when a CSS transition is in process…

    Any idea?

    # July 3, 2013 at 11:55 am

    On closer inspection this seems to only happen in Safari… No difference in Chrome or FF on my machine

    # July 4, 2013 at 4:38 am

    Thanks for the link, I have read that article before… The question was about it’s affect on font rendering (whether you have it applied to fonts or not).


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed