title: Compass SASS - downloadable font: rejected by sanitizer
body: <p>I know there is numerous questions asked here about this issue. I have no intention of duplicating the questions. I have tried all kinds of proposed solutions, but non of them have solved it for me. </p>
  
  <p>I'm using <a href="http://compass-style.org/examples/compass/css3/font-face/" rel="nofollow noreferrer">compass SASS syntax</a>. And all the files lives in <code>/static</code> directory.</p>
  
  <p>I've tried single quotes instead of doubled quotes, and removing .eot from <code>_fonts.sass</code> file. I've also read somewhere that it solved the issue removing the trailing <code>?1400417483</code>, but I don't know to do that, since it is auto-generated by compass.</p>
  
  <p>console error:</p>
  
  <pre><code>downloadable font: rejected by sanitizer (font-family: "circular-book" style:normal weight:normal stretch:normal src index:0) source: http://127.0.0.1:8000/static/fonts/lineto-circular-book.woff?1400417483
  app.css:70:11
  downloadable font: rejected by sanitizer (font-family: "circular-book" style:normal weight:normal stretch:normal src index:1) source: http://127.0.0.1:8000/static/fonts/lineto-circular-book.woff2?1465294178
  </code></pre>
  
  <p>config.rb</p>
  
  <pre><code>require 'compass/import-once/activate'
  # Require any additional compass plugins here.
  
  # Set this to the root of your project when deployed:
  http_path = "/"
  css_dir = "stylesheets"
  sass_dir = "sass"
  images_dir = "images"
  javascripts_dir = "javascripts"
  fonts_dir = "fonts"
  
  # You can select your preferred output style here (can be overridden via the command line):
  # output_style = :expanded or :nested or :compact or :compressed
  
  # To enable relative paths to assets via compass helper functions. Uncomment:
  relative_assets = true
  
  # To disable debugging comments that display the original location of your selectors. Uncomment:
  # line_comments = false
  
  
  # If you prefer the indented syntax, you might want to regenerate this
  # project again passing --syntax sass, or you can uncomment this:
  preferred_syntax = :sass
  # and then run:
  # sass-convert -R --from scss --to sass sass scss &amp;&amp; rm -rf sass &amp;&amp; mv scss sass
  </code></pre>
  
  <p>_fonts.sass</p>
  
  <pre><code>@import compass/css3
  
  +font-face("circular-book", font-files("lineto-circular-book.woff", "lineto-circular-book.woff2"))
  
  $font: "circular-book", sans-serif
  </code></pre>
  
  <p>app.sass</p>
  
  <pre><code>html
    font-family: $font
  </code></pre>
  
  <p>app.css</p>
  
  <pre><code>@font-face {
    font-family: "circular-book";
    src: url('../fonts/lineto-circular-book.woff?1400417483') format('woff'), url('../fonts/lineto-circular-book.woff2?1465294178') format('woff2');
  }
  </code></pre>