title: Google Charts API "Uncaught Error: one or more fonts could not be loaded."
body: <p>I'm embedding a chart made with Google's visualization API on my site. In doing so, I've put the following code in an iframe as a file called chart.html:</p>
  
  <pre><code>&lt;html&gt;
    &lt;body&gt;
  
      &lt;script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['bar']}]}"&gt;&lt;/script&gt;
      &lt;div id="chart_div"&gt;&lt;/div&gt;
      &lt;br/&gt;
      &lt;script type='text/javascript'&gt; ... a whole bunch of Google Chart code which produces a bar, column or line visualization ... &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This works perfectly fine on JS Fiddle, but does not work on my chart.html file, instead I get an error that says "one or more fonts could not be loaded" from a file that Google Charts API includes.</p>