title: Material Design Icon - md-icon tag is not working on Mozilla Firefox
body: <p>I followed the Self Hosting steps in <a href="http://google.github.io/material-design-icons/" rel="nofollow">Material Design Icon</a>
  while using Angular Material's md-icon instead of the <strong>i</strong> tag.</p>
  
  <p>While the code is running smoothly on Google Chrome and Internet Explorer 9, I am having a problem running the code on Mozilla Firefox 48.0.1.</p>
  
  <p>While using Firefox, the console log shows the message below for at least 3 times:<br></p>
  
  <pre><code>downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2
  </code></pre>
  
  <p>Other details:</p>
  
  <p>My <strong>HTML</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" href="../node_modules/angular-material/angular-material.min.css"&gt;
      &lt;link rel="stylesheet" href="../node_modules/material-design-icons/iconfont/material-icons.css"&gt;
      &lt;script src="../node_modules/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="../node_modules/angular-material/angular-material.min.js"&gt;&lt;/script&gt;
      &lt;script src="../node_modules/angular-aria/angular-aria.min.js"&gt;&lt;/script&gt;
      &lt;script src="../node_modules/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
      &lt;script src="../app/test-package/test.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body ng-app="TestModule"&gt;
      &lt;md-icon class="material-icon" style="color: #000000;"&gt;face&lt;/md-icon&gt;
      &lt;md-radio-button
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>My <strong>Javascript</strong>:</p>
  
  <pre><code>var app = angular.module("TestModule", ["ngMaterial"]);
  </code></pre>
  
  <p>----------------------------------EDIT----------------------------------</p>
  
  <p>The same error isn't displayed 3 times but displayed as follows:</p>
  
  <pre><code>downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2
  
  downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:3): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff
  
  downloadable font: download failed (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:4): bad URI or cross-site access not allowed source: file:///D:/Atom%20Projects/kenobi/node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf
  </code></pre>