Josh Netherton » HTML5 http://joshnetherton.com I'm a front-end developer and designer based in Atlanta, GA. I'm passionate about web standards and clean markup and really dig code and design. Sun, 25 Jul 2010 19:33:49 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Typekit, HTML5 and Printing in IE http://joshnetherton.com/2010/07/typekit-html5-and-printing-in-ie/ http://joshnetherton.com/2010/07/typekit-html5-and-printing-in-ie/#comments Thu, 15 Jul 2010 02:12:21 +0000 Josh http://joshnetherton.com/?p=140 While testing a small project I’m working on couple of nights ago, I came across a printing issue that was only showing up in Internet Explorer. When I’d print the page (the end goal of the project) the page starts to reload and the content disappears, returning only if I refresh the page. I narrowed it down to the Typekit script causing the issue.

Since this is an HTML5 app using jQuery, font-embedding and Remy’s HTML5 shim for IE support, I wanted to make sure it wasn’t IE’s printing issues when using HTML5 or @fontface. I created a few quick sample pages (linking to them below in case they can help the Typekit team determine the issue). The final verdict for me was that the issue only occurred when using Typekit with HTML5 in IE7 and IE8 (the two versions of IE that I tested). Since all of the HTML5 pages are using the HTML5 shim it could also be a conflict between Typekit and the shim (which includes IE Print Protector).

Luckily I can use @fontface for the particular font I’m using, so I’ll be able to go that route for now. The font looks better when using Typekit though, so I look forward to finding a fix for the issue.

I have a support email into Typekit and will post an update when I hear back. If you’ve run across this issue or have a fix, please let me know.

Test pages:

Update: I heard back from Greg at Typekit (Who was extremely helpful. Thanks, Greg.) and it looks like this is not an issue on their side, but probably with how the HTML shim (or IE Print Protector specifically) is fixing an HTML5 printing issue in IE. IE Print Protector temporarily replaces HTML5 elements with fallback elements for printing and then restores the HTML5 elements on the page. It seems like it tries to reload the Typekit script from the current domain instead of the Typekit url, which is causing the page to hang and not display after printing. I’ll post an issue on the google code page and see if I can find out more.

I also added an example page above with HTML5 using Typekit and no shim.

]]> http://joshnetherton.com/2010/07/typekit-html5-and-printing-in-ie/feed/ 0