I have a wordpress site that will sometimes partially load in IE9, but it stops half way and I just get a loading icon.
I think there may be some CSS issues (perhaps line height, font-family, overflow?) The reason I say this is because I ran into a major issue with font-family already… Apparently some really common fonts like Helvetica don’t work in IE 9. I also found that I had to very specifically have double quotations around the font…
For example:
font-family: “Helvetica”, Verdana, sans-serif;
Rather than:
font: ‘Helvetica’, Verdana, sans-serif; or font-family: Helvetica, Verdana, sans-serif;
Does anyone have any tidbits about CSS issues in IE that would give me an idea of where to start looking? Here’s the url with the problem: http://www.equinoxmusicandarts.com
First off, your website loads fine for me in IE9 (that is in IE10 in IE9 mode).
Regarding the IE9 Type 1 font bug:
What happens if you remove Helvetica or other any of the other affected fonts from your CSS?
Does the problem go away?
Here’s an article that might be worth reading: http://bobbyjoneswebdesign.blogspot.de/2011/12/internet-explorer-9-type-1-font-bug.html
Pay attention to the section “Best available resolution for web developers/designers”
Regarding the quotes:
You don’t need to put quotes around a font whose name contains no spaces.
The correct way to do the above would be: