Strange Rendering Issues Ie11

How to fix issue with Internet Explorer 11 rendering text before applying @font-face which lead to text overflow

I fixed it by re-downloading the font kit from fonts.com. It seems they fixed the files on their side as they are different and load correctly on IE11 now.

Cheers

Strange @font-face issue in IE11 (renders only after you inspect an element in developer tools)

Turns out I had a blank font-family declaration on the body tag. I must have forgotten to remove it when I was making some changes. Removing the blank "font-family: ;" fixed the issue.

On IE11, strange scrollbar appearing

I found the solution in here: Scrollbar overlay
Adding @viewport{ width: auto !important; } in my CSS file fixed the issue

Internet Explorer 11 not displaying page correctly until DOM Tree Refresh

As it turns out, a line in the site header was emulating IE7 when loading Internet Explorer. This one in particular:

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

I've now changed this to

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

which seems to work just fine in both Edge and IE11. Other browsers tested before have remained the same.

I guess this was a slightly redundant issue but hope it could be of some use to someone else.

Always peek at your site's code

---

Related Topics