title: How can I detect whether a web font is loaded and hide text nodes until that happens?
body: <p>Webkit handles the time before a web-font (@font-face) loads by hiding the text nodes. But not all browsers do this, some show a standard font until the font loads, which I want to avoid. I want to show my page elements, but hide all text nodes until the webfont is loaded.</p>
  
  <p>Can I do this with JavaScript?</p>
  
  <p>I'd like to do it without a 3rd party library so I can learn how it's done. </p>