title: using @font-face in Microsoft Edge
body: <p>I am dealing with a strange issue here.. It seems that Microsoft Edge browser doesn't load fonts when I use @font-face. I checked all my computers that run Windows 10 &amp; Microsoft Edge.</p>
  
  <p>I checked <a href="http://caniuse.com/#search=font%20face" rel="nofollow">http://caniuse.com/#search=font%20face</a></p>
  
  <p>It says that font-face is compatible with Edge so I don't know what's going on.
  In my example I just have a div and its font parameter.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(http://fonts.gstatic.com/s/dosis/v4/RPKDmaFi75RJkvjWaDDb0vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
  @font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'), local('Dosis-Bold'), url(http://fonts.gstatic.com/s/dosis/v4/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>div {
    font-family:'Dosis';
  }
  </code></pre>
  
  <p><strong>Live version</strong></p>
  
  <p><a href="http://codepen.io/mariomez/pen/YwGGWy" rel="nofollow">http://codepen.io/mariomez/pen/YwGGWy</a></p>