- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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 – http://codepen.io/iknowdavehouse/pen/imIyG
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?
On closer inspection this seems to only happen in Safari… No difference in Chrome or FF on my machine
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).
Thanks