html - Google 字体网站使用特殊字符，但网站不支持

Question

当我在 Google 字体预览页面中检查字体时，所有特殊字符都按预期工作，但是当在网站中使用该字体时，某些字符会使用默认字体打印。 是否有任何技巧可以让字体在浏览器中也能发挥最大作用？

此处示例: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 ö ä ø ā":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;