Martin Suchan – BloQ Random #WPdev stuff

16Mar/114

Fixing Lightword Theme in Internet Explorer 9

I have found some time ago, that my blog is not properly displayed in latest Internet Explorer 9 - all headers are gone. I just ignored this issue for some time, until now - final IE9 has been released, it's a sign to do something about it. Well, I googled what the problem might be - when inspecting the structure of a page I noticed, that all headers are written using some strange <cufon> tags.  As I found, Cufon is a very interesting way how to incorporate non-standard fonts on a web pages, but sadly in IE9 it wasn't working as expected.

There are basically two usable solutions - the easy one and the right one. In the easy one just add meta tag to your page saying "render this page in IE8 compatible mode":

<meta http-equiv="X-UA-Compatible" content="IE=8" />

This works, but somehow we all feel it's not the right solution.

The right one is just downloading fixed version of cufon.js library and replacing existing cufon-yui.js file in Lightword Theme folder. Sounds pretty easy:

You can download the updated file from this location. It's also good idea to minify the size of this file using for example this site. Done.

Source