title: Why is my code working on codepen but not on my editor?
body: <p>I am using sublime 3 for html and css.</p>
  
  <p>I have saved the files with proper extension. Have used google fonts to add the font "Lobster". When I open this <code>.html</code> file on google chrome, it isn't working (i.e., the lobster font) but it's working when I try to run it on codepen. I'm using a system running on windows xp. I tried running the same thing on my laptop with windows 10 and the chrome browser is updated but the problem isn't going.</p>
  
  <p>It's working on the editor of stack overflow as well.</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>.nav-pills {
    font-family: Lobster;
    font-size: 2.2em;
    background-color:black;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Puneeth&lt;/title&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 rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lobster" /&gt;
      &lt;link rel="stylesheet" href="portfolio.css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="container-fluid"&gt;
        &lt;ul class="nav nav-pills"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Puneeth S&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pull-right"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pull-right"&gt;&lt;a href="#"&gt;Portolio&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pull-right"&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pull-right"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>