title: HTML UTF-8 encoding doesn't work on google fonts
body: <p>I've tried to implement a google font while using UTF-8 enconding, but every non-standart letters like german Ä, Ö or Ü are displayed as � Questionmark.</p>
  
  <p>What am I doing wrong?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
   &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt;
    &lt;style&gt;
     @import url(http://fonts.googleapis.com/css?family=Ubuntu);    
    &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
    &lt;span style="font-family: Ubuntu;"&gt;
    Umlaute: AE = Ä, OE = Ö, UE = Ü
    &lt;/span&gt;
   &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>