title: load google font synchronously
body: <p>I'm running into a somewhat unordinary issue.
  It seems impossible to load an external font synchronously</p>
  <p>I tried the @import inside css and a simple header link tag, both of them are loading the font asynchronously.</p>
  <p>I don't know if this is the new standard or so on nowadays browsers?</p>
  <p>How can I make the document hang/wait/loop until some font (google font) is loaded and <strong>ready to use</strong>?</p>
  <h2>What's the purpose?</h2>
  <p>On most websites, we don't care to show content on some standard sans serif font, then have it replaces with custom fonts once it arrives. but not in this case. I'm runnin a webgl canvas that prints some text with this font.
  When I use some 2000ms setTimeout on rendering this canvas, it works, but this is obviously not a solution.</p>
  <p>Any clue on how to wait for a font to be ready?</p>