E.g. url("foo bar"); becomes url(foo bar); which in turn results in broken CSS.
I first faced this problem when using custom fonts with the Valo Theme (using the Bourbon font-face mixin) and used a space in the font-family name. This causes the font-face to not load at all (at least in Chrome and Firefox, IE blissfully ignores the rules) because the SVG-format font has a # on its URL.
Suggestions:
add/keep quotes if the URL contains spaces
replace spaces with %20 (it's one byte more than two quotes so not a good option really)
E.g.
url("foo bar");becomesurl(foo bar);which in turn results in broken CSS.I first faced this problem when using custom fonts with the Valo Theme (using the Bourbon font-face mixin) and used a space in the font-family name. This causes the font-face to not load at all (at least in Chrome and Firefox, IE blissfully ignores the rules) because the SVG-format font has a # on its URL.
Suggestions: