GoogleフォントのWebサイトは特殊文字で動作しますが、Webサイトは

Question

ではありません。Google Fontsプレビューページでフォントをチェックすると、すべての特殊文字が正常に動作しますが、Webサイトでフォントを使用すると、デフォルトフォント。 ブラウザでもフォントが最大限に機能するようにするための手口はありますか？ここ

例：http://codepen.io/anon/pen/yaardm

@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;} 
... 
<p>These are working: a ö ä ø</p> 
<p>These are not: ā &#x101;</p> 

私はプレビューで同じ特殊文字を入力した場合、彼らはすべての作業です。文字「AöäøA」がここにプレビューボックスでテストすることができます：https://fonts.google.com/specimen/IM+Fell+DW+Pica

Answer 1

同僚が私の文字はラテン語の一部ではなく、フォントがそれらをサポートしていませんでしたことがわかりました。 Googleフォントのプレビューでは、バックグラウンドで別のフォントが試されます。そのため、動作しているように見えます。手動でフォントを定義することで、私は "Kahako A"を手に入れました。

http://codepen.io/anon/pen/yaapKw

@font-face { 
    font-family: 'IM Fell DW Pica script=all rev=6'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://fonts.gstatic.com/l/font?kit=xBKKJV4z2KsrtQnmjGO17HM30v831NPLrMTMWjZhJsgljegwSeDbtiHKgT6kSuH8OhAwGXnQZ2fim__WzpJMvT-ot7WhoQNhxW9XSHPUr95hxaMfyGAgGEujUXva07BSgdd4-sq5HMlny4sZVjdTlXcwcWdsnk25xubTXmsZQe5_f2oRvW8cxG4bMB_YmvaR96xlbbE5D7Gw2o7jubnkMA&skey=2798f34675f18639&v=v6) format('woff2'); 
} 
... 
font-family: 'IM Fell DW Pica script=all rev=6', sans-serif;