Example of how r.js can break css src url declarations by removing quotemarks

commands.bash

r.js -o cssIn=flat.css out=flat_result.css
r.js -o cssIn=import.css out=import_result.css

flat.css

/* same content as import.css, except for its import statement, and this comment */
@font-face {
  font-family: 'Font Name';
  src: url('Font-Name.eot');
  src: url('Font-Name.eot?#iefix') format('embedded-opentype'),
     url('Font-Name.woff') format('woff'),
     url('Font-Name.ttf') format('truetype'),
     url('Font-Name.svg#Font Name') format('svg');
}

flat_result.css

@font-face {
  font-family: 'Font Name';
  src: url('Font-Name.eot');
  src: url('Font-Name.eot?#iefix') format('embedded-opentype'),
     url('Font-Name.woff') format('woff'),
     url('Font-Name.ttf') format('truetype'),
     url('Font-Name.svg#Font Name') format('svg');
}

import.css

@import url('flat.css');

@font-face {
  font-family: 'Font Name';
  src: url('Font-Name.eot');
  src: url('Font-Name.eot?#iefix') format('embedded-opentype'),
     url('Font-Name.woff') format('woff'),
     url('Font-Name.ttf') format('truetype'),
     url('Font-Name.svg#Font Name') format('svg');
}

import_result.css

@font-face {
  font-family: 'Font Name';
  src: url(Font-Name.eot);
  src: url(Font-Name.eot?#iefix) format('embedded-opentype'),
     url(Font-Name.woff) format('woff'),
     url(Font-Name.ttf) format('truetype'),
     url(Font-Name.svg#Font Name) format('svg');
}
@font-face {
  font-family: 'Font Name';
  src: url('Font-Name.eot');
  src: url('Font-Name.eot?#iefix') format('embedded-opentype'),
     url('Font-Name.woff') format('woff'),
     url('Font-Name.ttf') format('truetype'),
     url('Font-Name.svg#Font Name') format('svg');
}

The issue here is that r.js removes the quote marks surrounding the path for the imported file, but not paths in the "top level" file.