Font renders upside-down on IE9 Beta

[Brian Ward]

typeface.js is currently rendering the font upside-down on the IE9 beta.

[Owen Sammut (owen-concept8)]

Is this for all instances of IE9?

Im having the same problem across all of my websites using typeface.

[Njal (njal)]

Same problem here! All instances of IE9 I have tested with!

[Ben Cummins (ben-bencummins)]

The issue seems to be in the _renderGlyph method.

As I can't find a proper fix - I created a work around..

used this to get the browser version..
function getInternetExplorerVersion()
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

var browserVersion = getInternetExplorerVersion();

and then, changed the switch statement in the _renderGlyph method..

       switch(outline[i++]) {
        case 'q':
         outline[i] = Math.round(outline[i++]);
         if (browserVersion>=9)
         {
             outline[i] = -Math.round(outline[i++]);
         }
         else
         {
             outline[i] = Math.round(outline[i++]);
         }
        case 'm':
        case 'l':
         outline[i] = Math.round(outline[i++]);
         if (browserVersion>=9)
         {
             outline[i] = -Math.round(outline[i++]);
         }
         else
         {
             outline[i] = Math.round(outline[i++]);
         }
         break;
       }

[Delete Me Plz (delete-me-plz-deactivatedaccount-deactivatedaccount-deactivatedaccount)]

Thanks Ben, that works for me.