HTML & CSS
Hello. I have been working on a project for a client and my site looks like a hot mess in IE8.
I have it working just fine in IE9, Safari, Chrome and Firefox but IE8 is a disaster.
Wondering if you have any quick thoughts and tips about what I should add to my style sheets to help correct all my IE8 issues (particularly with the menu and header spacing and the web fonts I am using not showing up properly).
Any and all help is greatly appreciated.
Just had a quick look and it looks like you are using media queries to style the content but IE8 doesn't understand media queries.
You might want to give IE8 its own rules via a [conditional stylesheet or use something like [URL="https://github.com/scottjehl/Respond"]respond.js](http://reference.sitepoint.com/css/conditionalcomments) to give basic media query capability to IE8 and under.
For your custom fonts upload them to[ font-squirrel and use the code and files that it generates. You can find more on the new bulletproof [URL="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax"]syntax needed here](http://www.fontsquirrel.com/fontface/generator).
Just for your information in the future. IE supported custom fonts with the "@font-face" declaration well before IE6 (introduced in IE4 1997), in fact Microsoft created the "@font-face" declaration for use in IE. The only deal is, when it was created fonts had very strict licensing agreements, to avoid legal issues, using standard font files was not supported. Thus we have the EOT font format.
IE 8 is really a pain in ass:)
I recommend you write a specific css for ie8, using conditional comment as Paul said, java script is okay, or as I am using Modernizr to detect IE8.
about font, just upload your font to fontsquirrel as Paul said, it would work.
This topic is now closed. New replies are no longer allowed.