SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    May 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE9 Site Not Loading (may be a CSS problem?)

    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

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    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....-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:

    Code CSS:
    p{font-family: Verdana, Arial, Helvetica, sans-serif;}

    Compare that to:

    Code CSS:
    p{font-family:"Times New Roman", Times, serif;}

    For more details, see here: http://stackoverflow.com/questions/7...y-names-in-css

    HTH


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •