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

Question

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

下载的

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

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

我在本地运行网站。 我已使用Google的标准@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>

{{1}}

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>

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