Javascript 谷歌可视化API刷新包含的字体吗？

我一直在做一个应用程序，使用谷歌图表，谷歌字体和可怕的字体API。我的主要字体来自谷歌字体，我把它们包括在

标签中，还有很棒的字体

然而，当我使用谷歌图表时，字体似乎会在图表加载后刷新。我的意思是，它们似乎在一秒钟内消失并重新加载。这让我的申请看起来很奇怪。我不喜欢它，我也不确定谷歌图表是否有这种效果

这是我加载谷歌图表的代码片段

<script type="text/javascript">    
  google.load("visualization", "1", {packages:["corechart"]});

  function drawChart() {

      var best_letters_data = google.visualization.arrayToDataTable(
          JSON.parse('{{ best_letters|safe }}')
      );

      var worst_letters_data = google.visualization.arrayToDataTable(
          JSON.parse('{{ worst_letters|safe }}')
      );

      var best_letters_options = {
          title: 'Top Rated Hiragana Letters',
          width: 450,
          height: 240,
          isHtml: true,
          hAxis: {title: 'Letters', titleTextStyle: {color: 'red'}}
      };

      var worst_letters_options = {
          title: 'Worst Rated Hiragana Letters',
          width: 450,
          height: 240,
          isHtml: true,
          hAxis: {title: 'Letters', titleTextStyle: {color: 'red'}}
      };

      var best_letters_chart = new google.visualization.ColumnChart(document.getElementById('best_letters_div'));
      best_letters_chart.draw(best_letters_data, best_letters_options);

      var worst_letters_chart = new google.visualization.ColumnChart(document.getElementById('worst_letters_div'));
      worst_letters_chart.draw(worst_letters_data, worst_letters_options);

      $("#loader").hide();

  }
  google.setOnLoadCallback(drawChart);
</script> 

load（“可视化”、“1”、{packages:[“corechart”]}）；
函数绘图图（）{
var best_letters_data=google.visualization.arrayToDataTable(
parse（{{best_letters}}}）
);
var最差字母数据=google.visualization.arrayToDataTable(
parse（{{最差字母{124;安全}}}）
);
变量最佳字母选项={
标题：“顶级平假名字母”，
宽度：450，
身高：240，
伊什特尔：没错，
hAxis:{title:'Letters'，titleTextStyle:{color:'red'}
};
变量最差字母选项={
标题：“最差评级平假名字母”，
宽度：450，
身高：240，
伊什特尔：没错，
hAxis:{title:'Letters'，titleTextStyle:{color:'red'}
};
var best_letters_chart=new google.visualization.ColumnChart（document.getElementById（'best_letters_div'））；
最佳字母图表。绘制（最佳字母数据、最佳字母选项）；
var best_letters_chart=new google.visualization.ColumnChart（document.getElementById（'best_letters_div'））；
最差字母图表。绘制（最差字母数据、最差字母选项）；
$（“#加载程序”）.hide（）；
}
setOnLoadCallback（drawChart）；

如果我对绘制图表的线条进行注释（

best\u letters\u chart.draw（best\u letters\u data，best\u letters\u options）；

和

best\u letters\u chart.draw（best\u letters\u data，best\u letters\u options）；

），我的字体会呈现一次，但这次不会显示图表

为什么会这样？我对此很好奇。如果有人有任何想法，请告诉我

---

提前谢谢

你能做一个JSFIDLE吗？你好，布罗斯，我发现这是关于firefox上的firebug。当我关闭firebug时，它工作得很顺利，我不知道为什么，但这与谷歌的api无关。谢谢你的关心。