jetheredge/SquishIt — Issue #123: SquishIt causes a broken link
Author: shapper
Created: 2011-12-09 17:51:41+00:00
State: open

Hello,

I have the following CSS on Main.css file:

@font-face {
font-family: 'Museo';
src: url('../case/Museo.eot');
src: url('../case/Museo.eot?#iefix') format('embedded-opentype'), url('../case/Museo.woff') format('woff'), url('../case/Museo.ttf') format('truetype'), url('../case/Museo.svg#Museo') format('svg');
font-weight: normal;
font-style: normal;
}

I used SquishIt as follows:

Bundle.Css()
.Add("~/assets/styles/main.css")
.ForceRelease()
.AsNamed("Styles", "~/assets/styles/main.#.min.css");

And I get the following:

@font-face {
font-family: "Museo";
font-style: normal;
font-weight: normal;
src: url("../case/Museo.eot?#iefix") format("embedded-opentype"), url("../case/Museo.woff") format("woff"), url("../case/Museo.ttf") format("truetype"), url("../case/Museo.svg%23Museo") format("svg");
}

Note that on the SVG file the # was replaced by %23.
Strange because "?#iefix" was not replaced by "?%23iefix".

The problem is that this causes a broken link.

Any idea how to solve this and why is this happening?

Thank You,
Miguel