title: Correct syntax for @font-face in Stylus / using stylus-font-face npm
body: <p>I need to get the following CSS output from Stylus (bit of a backward way to do it but Stylus will make so many other parts of this project easier). I've tried a fair few things but can't get it to compile, and when it says that it has compiled nothing shows for this part of the output. I haven't had any joy implementing <a href="https://www.npmjs.com/package/stylus-font-face" rel="noreferrer">stylus-font-face - npm</a> as the documentation there doesn't seem to show an example of the Stylus needed. Here's the output I need, and any help is really appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@font-face {
   font-family:'apercu-regular';
   src: url('../fonts/apercu-regular/Apercu_gdi.eot');
   src: url('../fonts/apercu-regular/Apercu_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/apercu-regular/Apercu_gdi.woff') format('woff'),
    url('../fonts/apercu-regular/Apercu_gdi.ttf') format('truetype'),
    url('../fonts/apercu-regular/Apercu_gdi.svg#apercu-regular') format('svg');
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
   unicode-range: U+0020-25CA;
  }</code></pre>
  </div>
  </div>
  </p>