title: fonts.googleapis is showing different CSS files based on the browser type
body: <p>insdie my CSS files i am referencing fonts suc as :-</p>
  
  <pre><code>http://fonts.googleapis.com/css?family=Droid+Sans:regular&amp;amp;subset=latin 
  </code></pre>
  
  <p>But now i need to download these CSS and add them to my host, instead of downloading them from google. but the problem i am facing is that when i try to download the related CSS files by access the above link from my IE it downlaod the following :-</p>
  
  <pre><code>@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot);
    src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  }
  </code></pre>
  
  <p>While on firefox it shows  the following :-</p>
  
  <pre><code>@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  }
  </code></pre>
  
  <p>So i got lost on which url() i should download ? the woff or the tff ?? or both ?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I have replaced this </p>
  
  <pre><code>@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);
  </code></pre>
  
  <p>with </p>
  
  <pre><code>/*@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);*/
  
  @font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url('~/Content/fonts/8gO-GQO6h3meAtqRrd890A.eot');
    src: local('Karla'), local('Karla-Regular'), url('~/Content/fonts/8gO-GQO6h3meAtqRrd890A.eot') format('embedded-opentype'), url('~/Content/fonts/azR40LUJrT4HaWK28zHmVA.woff') format('woff');
  }
  @font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('~/Content/fonts/_tMhxyW6i8lbI7YsUdFlGA.eot');
    src: local('Ubuntu'), url('~/Content/fonts/_tMhxyW6i8lbI7YsUdFlGA.eot') format('embedded-opentype'), url('~/Content/fonts/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
  }
  </code></pre>
  
  <p>But the fonts effect did not work ? although when using the <code>@import</code> i can see the fonts effect, while when i reference them locally they stopped working.
  Thanks</p>