andrewdavey / andrewdavey/cassette

Cassette and font-face (font-awesome) IE8 .eot not playing well together.

Open
#344 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
C#
Stars
531
Forks
139
PR merge metrics
No merged PRs in 30d

Description

Hi guys/gals,

We have an issue where we are trying to use font-awesome in a MVC app that has to run on IE8.

There is a spec in the font-awesome.css that reads:
@font-face {
font-family: "FontAwesome";
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}

And we are having issues with the ".eot?" It looks like cassette is trying to bundle the url() and halts when it finds the ? on the url.
Has anyone had this problem?

To replicate you have to have a VM with windows xp and explorer 8. This will not replicate for IE9/10 in compatibility or the other modes.

Solutions we have tried already:
1) Removing the ?: this encodes the whole url and prevents buggy IE8 to read the url correctly and fails to load the font file.
2) Removing cassette: works but we want to use cassette.
3) Upgrading IE: Yeah yeah it obviously works but our requirements states that we have to support IE8.

Please help.

Regards,

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.