Google字体特殊字符在PC上正确显示但在HTML中没有显示？

Question

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

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

但是，当在HTML网页中使用并在浏览器中查看（Firefox，Chrome，Edge）时，它不会显示特殊字符，而是使用默认的“serif”字体替换该字符。

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

我试过搜索但找不到与这种特定情况有关的任何内容。我很抱歉，如果答案是明显的或者其他什么，但我没有看到它。你能帮我吗？

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>

免责声明：在所有浏览器中都无法使用。这就是我想要的：