html - Google 字体特殊字符在 PC 上正确显示但在 HTML 中不正确？

Question

我使用的是 Google 字体“Kameron”。我是从fonts.google.com下载的

它在 Photoshop 中以及在浏览器中查看的 .PDF 文件中正确显示特殊字符，例如“š”。因此，字体显然支持这些字符并且浏览器能够呈现它们。

但是，当在 HTML 网页中使用并在浏览器(Firefox、Chrome、Edge)中查看时，它不会显示特殊字符，而是将字符替换为默认的“衬线”字体。

我在本地运行网站。我使用 Google 的标准 <link> 添加了字体嵌入。我也试过下载它，将其转换为网络字体，在本地托管并使用 @font-face 导入它在 CSS 中，但这没有帮助。

我尝试搜索但找不到与此特定情况相关的任何内容。很抱歉，如果答案很明显或什么，但我没有看到。你能帮忙吗？

h2, p { font-family: 'Kameron', serif;}

<link href="https://fonts.googleapis.com/css?family=Kameron:400,700|Open+Sans:400,600" rel="stylesheet">
 
 <h2>Tešting</h2>

Answer 1

由于 TTF 文件不包含 š 字形，您可以使用 NFD 形式，组合字形 s 和 ̌，或者，š。
我的猜测是 Photoshop 就是这样做的。
要查看 NFC 和 NFD 形式之间的差异，请参见此处:

   div {font:72px 'Kameron';}

 <link href="https://fonts.googleapis.com/css?family=Kameron:400,700|Open+Sans:400,600" rel="stylesheet">
   
<div>NFC: smje&#x0161;ten</div>
<div>NFD: smje&#x0073;&#x030C;ten</div>

免责声明:在所有浏览器中都无法正常工作。这就是我想要的: