title: HTML Imported font working on local, not on web server
body: <p>I just finished creating the main page of my website, and I've just realized the font I imported from google isn't working. It works and shows up fine when I view the website locally, but as soon as I upload it to my web server it doesn't show. I don't know if it matters, but I'm running Ubuntu 14.04 with apache2. Here is the html import:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;link rel="stylesheet" href="css/master.css"&gt;
    &lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here's the css I have:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
  
  body
  {
      background-color: #dfdfdf !important;
      font-family: 'Open Sans Condensed', sans-serif !important;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>It works fine on local, but when I upload to a web server it stops working.</p>