Web Standardistas - HTML and CSS Web Standards Solutions

Notes

FOUT

FOUT Test [Detail]

Google’s Steve Souders has put together an excellent test page demonstrating the issue of slow loading fonts embedded using @font-face causing a Flash of Unstyled Text (FOUT). Covering a comprehensive range of examples his test page highlights some potential issues we might face as @font-face begins to take hold.

Mark Boulton’s presentation at last week’s Build Conference covered this topic very effectively. Building on his Web Directions South 09 presentation on Typographic Structure, his Build presentation demonstrated the importance of a well considered fallback font stack to minimise the visual effects of this.

With luck, and a little friendly persuasion, Mr Boulton might cover this in further detail at The Personal Disquiet of Mark Boulton.

[Via Mr Shiflett.]

1258141860 · Christopher Murphy · Follow Us on Twitter

@standardistas: Thanks to the dozens who pointed out that the pile of poo was in Unicode since 6.0. Thank goodness this wasn't an exam question.