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

[dougloyo]

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,

[andrewdavey]

This should be fixed in the current beta version of Cassette.