Google fonts web site works with special char, but web site is not
<p>When I check a font in Google Fonts preview page all special chars are working as expected, but when the font is used in a web site some chars are printed with the default font.
Is there any trick to get the font working to the fullest in the browsers too?</p>

<p>Example here: <a href="http://codepen.io/anon/pen/yaardm" rel="nofollow">http://codepen.io/anon/pen/yaardm</a></p>

<pre><code>@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC');
p{font-family: 'IM Fell DW Pica SC', sans-serif;}
h1{font-family: 'IM Fell DW Pica SC', sans-serif;}
...
&lt;p&gt;These are working: a ö ä ø&lt;/p&gt;
&lt;p&gt;These are not: ā &amp;#x101;&lt;/p&gt;
</code></pre>

<p>If I enter the same special characters in the preview, they are all working. The chars <strong>"a ö ä ø ā"</strong> can be tested in the preview box here: <a href="https://fonts.google.com/specimen/IM+Fell+DW+Pica" rel="nofollow">https://fonts.google.com/specimen/IM+Fell+DW+Pica</a></p>