title: Material Design Icons not showing in browser
body: <p>I'm trying to host the Google Material Design icon set for my website however I cannot get the icons to show in Chrome or Safari.</p>
  
  <p>I'm using this CSS file:</p>
  
  <pre><code>@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/public/dist/font/Material-Design-Icons.eot); /* For IE6-8 */
    src: url(/public/dist/font/Material-Design-Icons.woff2) format('woff2'),
         url(/public/dist/font/Material-Design-Icons.woff) format('woff'),
         url(/public/dist/font/Material-Design-Icons.ttf) format('truetype');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }
  </code></pre>
  
  <p>Pulling in the file with:</p>
  
  <pre><code>link(rel="stylesheet", href="/public/dist/css/font.css")
  </code></pre>
  
  <p>Which I can see in the browser is loaded</p>
  
  <p>The font itself is even loaded into the page, I can see the .woff file in the network tab on Chrome.</p>
  
  <p>This is the <code>public</code> folder structure which is hosted 'as is' by the server</p>
  
  <p><a href="https://i.stack.imgur.com/j2PBj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/j2PBj.png" alt="Public folder"></a></p>
  
  <p>I'm using the font here (jade): </p>
  
  <pre><code>i.material-icons.prefix perm_identity
  </code></pre>
  
  <p>And I can see the CSS class above applied to that element</p>
  
  <p>But the fonts don't render.</p>
  
  <p>EDIT: People here having the same issue: <a href="https://github.com/google/material-design-icons/issues/205" rel="noreferrer">https://github.com/google/material-design-icons/issues/205</a></p>