title: @font-family CSS specification in rails, Not displaying the proper font
body: <p>What I have at the moment is a fonts folder in the following path: <code>app/assets/fonts</code>.</p>
  
  <p>Storing the various @font-face, 'font-format-files' (eot, woff, ttf). In addition, I have a <code>mystyle.scss.erb</code> file with the following code:</p>
  
  <pre><code>    @font-face {
    font-family: 'ProximaNovaRegular';
    src: font-url("&lt;%= font_path('proximanova-regular-webfont.eot') %&gt;");
    src: font-url("&lt;%= font_path('proximanova-regular-webfont.eot') %&gt;") format('embedded-opentype'),
    font-url("&lt;%= font_path('proximanova-regular-webfont.woff') %&gt;") format('woff'),
    font-url("&lt;%= font_path('proximanova-regular-webfont.ttf') %&gt;") format('truetype'),
    font-url("&lt;%= font_path('proximanova-regular-webfont.svg#ProximaNovaRegular') %&gt;") format('svg');
  }
  
  @font-face {
    font-family: 'ProximaNovaBold';
    src: url("&lt;%= font_path('proximanova-bold-webfont.eot') %&gt;");
    src: url('&lt;%= font_path('proximanova-bold-webfont.eot') %&gt;") format('embedded-opentype'),
    url("&lt;%= font_path('proximanova-bold-webfont.woff') %&gt;") format('woff'),
    url("&lt;%= font_path('proximanova-bold-webfont.ttf') %&gt;") format('truetype'),
    url("&lt;%= font_path('proximanova-bold-webfont.svg#ProximaNovaBold') %&gt;") format('svg');
  }
  
  @font-face {
    font-family: 'boxyfont';
    src: url("&lt;%= font_path('04b_19__-webfont.eot') %&gt;");
    src: url("&lt;%= font_path('04b_19__-webfont.eot?#iefix') %&gt;") format('embedded-opentype'),
      url("&lt;%= font_path('04b_19__-webfont.svg#04B_19__') %&gt;") format('svg'),
      url("&lt;%= font_path('04b_19__-webfont.woff') %&gt;") format('woff'),
      url("&lt;%= font_path('04b_19__-webfont.ttf') %&gt;') format('truetype");
  }
  </code></pre>
  
  <p>I am trying to use the 'boxy-font' on a class (.mid) housing an h2 - see the code for it:</p>
  
  <pre><code>.mid {
    padding-bottom: 50px;
    font-family: 'boxyfont';
  }
  </code></pre>
  
  <p>This is not working though, it's only showing a standard default font. What am I doing wrong?</p>