Search code examples
cssinternet-explorerinternet-explorer-9

Font size tiny on various elements IE9


I'm debugging this website. For some reason on IE9, the font sizes load normally and then shrink once everything has loaded.

What's causing this and how can it be fixed? I've double checked with the IE9 inspector and the px values seem to be missing from the body in the CSS.

Here's what I'm seeing via the IE9 inspector:

Grab from IE9 Inspector

The CSS should read:

body {
    color: #555;
    font-family:  "Avenir LT W01_55 Roman1475520", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
    font-weight: normal;
}

Solution

  • Apparently IE9 has built-in font-size: 100% for body aswell as html. Set font-sizes for p tag.