2

我正在使用谷歌字体“Kameron”。我从fonts.google.com下载的

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

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

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

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

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>

4

1 回答 1

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>

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

在此处输入图像描述

于 2017-12-20T19:34:42.923 回答