Google Font doesn't work locally on IE
<p>I have decided to use one of the google fonts on my website.  Part of that is I wish to download the font and put it on my server as oppose to relying on google every time my page is loaded.  So to implement a google font all you need is this:</p>

<pre><code>&lt;link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'&gt;
</code></pre>

<p>I threw that up on a test page and it works great in all browsers and ie9 and up.  Then I tried to copy that code into my css as oppose to have it hosted by google, here is a fiddle:</p>

<p><a href="https://jsfiddle.net/tt77hLor/" rel="nofollow">https://jsfiddle.net/tt77hLor/</a></p>

<p>You will see that the fiddle uses the new font if you open in chrome, but in IE 11 it does not.  According to <a href="http://caniuse.com/#feat=woff2" rel="nofollow">http://caniuse.com/#feat=woff2</a> woff2 is not supported by IE which explains why it doesn't work, but then why does it work if I throw in that link and how can I download that to my server so that I don't have to rely on google?</p>

<p>EDIT:</p>

<p>I got my question answered in the comments, I wish somebody posted it so I can mark correct.  Since I can't, I will alter the question slightly.  The reason to my original question is that google serves you a different css file depending on what browser you are from.  To alter my question:</p>

<p>Is this the correct way to replicate such on a local server:</p>

<pre><code>@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src:  url('Roboto Condensed Cyrillic Ext.eot');
  src:  local('Roboto Condensed Light'), 
    local('RobotoCondensed-Light'),
    url('Roboto Condensed Cyrillic Ext.eot?#iefix') format('embedded-opentype'),
    url('Roboto Condensed Cyrillic Ext.woff2') format('woff2'),
    url('Roboto Condensed Cyrillic Ext.woff') format('woff'),
    url('Roboto Condensed Cyrillic Ext.ttf') format('truetype'),
    url('Roboto Condensed Cyrillic Ext.svg#svgFontName') format('svg');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
</code></pre>

<p>Should that local come before the first src?</p>