Grow your CSS skills. Land your dream job.

How to prevent IE7-IE8 from downloading font-face files?

  • # July 12, 2013 at 7:02 pm

    Here’s the font-face declaration (btw, I omitted @font-face below due to markdown code restrictions):

    font-face {
    font-family: ‘fontawesome’;
    src:url(‘fontawesome.eot’); // IE9 Compat Modes
    src:url(‘fontawesome.eot?#iefix’) format(‘embedded-opentype’), // IE6-IE8
    url(‘fontawesome.woff’) format(‘woff’), // Modern Browsers
    url(‘fontawesome.ttf’) format(‘truetype’), // Safari, Android, iOS
    url(‘fontawesome.svg#fontawesome’) format(‘svg’); // Legacy iOS
    font-weight: normal;
    font-style: normal;
    }

    Is there any way to modify the above to force IE7-8 to skip, ignore, or hide this declaration without resorting to a conditional comment? I need IE8 skipped due to font rendering inconsistencies and I want to prevent an unnecessary download of the .eot file.

    Thanks.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".