What is happening here??

[incendiary]

I’ve noticed recently on a lot of websites there will be text completely squished up and layered over itself. If I open chrome devtools to investigate, the text magically corrects itself before I can figure out what was going on.

Before: http://tinypic.com/r/1sjhmp/8

After: http://tinypic.com/r/2h7p5wh/8

The font generally changes at this point so I assume it has something to do with font loading. I’d love to know more about what causes this, I haven’t noticed a recurring pattern (ie. only WordPress sites) as it seems to occur all over the web for me. I notice it perhaps twice a day I’d say.. One in fifty articles/pages.

Is this a known issue with webfonts?
Any ideas/thoughts?

I’m using Ubuntu 13.10 and Chromium 32.0.1700.107

[BionicClick]

I have seen this lately as well, and mostly on sites using bootstrap of foundation, it seems to be a bug in the way the browser determines screen width. but this could be far off of the real issue.

I see the issue more on a MAC computer than anywhere else, are you on a MAC?

[incendiary]

Thanks for the info Shane!

[nixnerd]

If you go to the Flat UI site, as soon as you start to scroll in Firefox, the “F” and the “U” disappear… which is funny.

As soon as you scroll past and then go back up, they appear again. REALLLY weird.

If it’s an intentional Easter Egg… it doesn’t really look like it.

[BionicClick]

dude, thanks for the clarification.

[Author]

Posts