title: Google visualization chart ie font-family not respected
body: <p>As you can see I attempted to set the font-family, and I've attempted it in every way mentioned in the documentation: <a href="http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html" rel="nofollow">http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html</a></p>
  
  <p>but in ie7-8 (the vml version) the wrong font is displayed. It could be a vml issue and not a google issue, but I am out of ideas. Thanks folks!</p>
  
  <pre><code>    // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});
  
      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);
  
      // Callback that creates and populates a data table, 
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {
  
      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Vote');
      data.addColumn('number', 'Votes');
      data.addRows([
      ['BLAH', blah],
      ['AHH', ahh]
      ]);
  
      // Set chart options
      var options = {
          is3D:false,
          width:200,
          height:200,
          fontSize: '14px',
          fontName: 'Arial',
          colors: ['#bcbdc0', '#FFF'],
          legend: 'none',
          pieSliceText: 'label',
          backgroundColor: '#f8f6e8'  ,
          pieSliceBorderColor: 'black',
          pieSliceTextStyle: {
              color: 'black', fontName: 'Arial', fontSize:'14'
          }
  
      };
  
      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.PieChart(document.getElementById('chart-div-'+id));
      chart.draw(data, options);
      }
  </code></pre>