title: Google/Typekit Webfont-Loader does not detect non-ASCII fonts
body: <p>I'm using the <a href="https://code.google.com/apis/webfonts/docs/webfont_loader.html" rel="nofollow">Google webfont loader</a>, but I can't get the <code>fontactive</code> callback to work.  The font is rendering on the page, but for some reason the callback isn't firing. (Instead it waits for 5 seconds and then the <code>fontinactive</code> callback fires.) I suspect the problem is in how I'm declaring the two variables to the function.</p>
  
  <p><strong>Edit:</strong> The problem may have to do with the font, not how I'm declaring the variable. The font-loader sucessfully detects when the "STIXGeneral" font family loads, which contains regular letter characters.</p>
  
  <p><em>Documentation of the <code>fontactive</code> callback is <a href="http://code.google.com/apis/webfonts/docs/webfont_loader.html#Events" rel="nofollow">here</a>.  I haven't been able to find any examples of using the <code>fontactive</code> callback.</em></p>
  
  <p>I've posted a copy of my code below.</p>
  
  <p><br />
  <strong><em>From Javascript:</em></strong></p>
  
  <pre><code>WebFont.load({
      custom: {
          families: [ 'STIXSizeOneSym' ],
          urls: ['resources/stix-fonts/STIX-fonts.css']
      },
      fontactive: function(stixsizeonesym, n4) { alert("1") },
      fontinactive: function(stixsizeonesym, n4) { alert("2") },
      inactive: function() { alert("10") }
  });
  </code></pre>
  
  <p><br />
  <strong><em>From STIX-fonts.css:</em></strong></p>
  
  <pre><code>@font-face {
      font-family: 'STIXSizeOneSym';
      src: url('STIXSizOneSymBol-webfont.eot');
      src: url('STIXSizOneSymBol-webfont.eot?#iefix') format('embedded-opentype'),
            url('STIXSizOneSymBol.otf') format('opentype'),
            url('STIXSizOneSymBol-webfont.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      }
  </code></pre>