Html 谷歌字体网站可以使用特殊字符,但网站不能

Html 谷歌字体网站可以使用特殊字符,但网站不能,html,css,fonts,Html,Css,Fonts,当我在谷歌字体预览页面中检查字体时,所有特殊字符都按预期工作,但当在网站中使用该字体时,一些字符会以默认字体打印。 有没有什么技巧可以让字体在浏览器中发挥最大的作用 示例如下: @导入url('https://fonts.googleapis.com/css?family=IM+落下+DW+Pica+SC'); p{font family:'IM fall DW Pica SC',无衬线;} h1{字体系列:'IM fall DW Pica SC',无衬线;} ... 这些都在起作用:aöäø

当我在谷歌字体预览页面中检查字体时,所有特殊字符都按预期工作,但当在网站中使用该字体时,一些字符会以默认字体打印。 有没有什么技巧可以让字体在浏览器中发挥最大的作用

示例如下:

@导入url('https://fonts.googleapis.com/css?family=IM+落下+DW+Pica+SC');
p{font family:'IM fall DW Pica SC',无衬线;}
h1{字体系列:'IM fall DW Pica SC',无衬线;}
...
这些都在起作用:aöäø

这些不是:ā和#x101


如果我在预览中输入相同的特殊字符,它们都正常工作。字符“aöäā”可以在这里的预览框中测试:

一位同事发现我的字符不是拉丁语的一部分,字体不支持它们。谷歌字体预览将在后台尝试另一种字体,这就是为什么它看起来可以工作的原因。通过手动定义字体,我得到了我想要的“Kahako A”

@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>
@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;