HTML UTF-8 encoding doesn't work on google fonts
<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>