Html 带有重音的字母在移动浏览器中显示不正确

Html 带有重音的字母在移动浏览器中显示不正确,html,unicode,fonts,character-encoding,character,Html,Unicode,Fonts,Character Encoding,Character,我对谷歌字体的重音字母有问题。字母“š”在我的PC上的所有浏览器中都能正确显示,但在所有移动浏览器(Android和iOS)中,它都被系统字体所取代(不过在Android Chrome中效果很好)。字体是并排的,你们可以在这里看到结果 这里呢 它在我的服务器和JSFIDLE上的作用相同 到目前为止,我已经尝试过这些方法: 将和放在标题部分 在.htaccess文件中添加了utf-8编码 在我的文本编辑器中使用utf-8编码保存文件 但我不确定这是否是编码的问题,因为字母在我的PC和Andro

我对谷歌字体的重音字母有问题。字母“š”在我的PC上的所有浏览器中都能正确显示,但在所有移动浏览器(Android和iOS)中,它都被系统字体所取代(不过在Android Chrome中效果很好)。字体是并排的,你们可以在这里看到结果

这里呢

它在我的服务器和JSFIDLE上的作用相同

到目前为止,我已经尝试过这些方法:

  • 放在标题部分
  • 在.htaccess文件中添加了utf-8编码
  • 在我的文本编辑器中使用utf-8编码保存文件
但我不确定这是否是编码的问题,因为字母在我的PC和Android Chrome浏览器中正确显示。有人知道怎么解决这个问题吗


更新:它实际上只在Chrome/Windows和Chrome/Android中工作,该字体不支持您试图使用的字符。看一看:最后一个š的样式与文本的其余部分完全不同

因此,这里真正的解决方案是“确保您使用的字体支持您需要设置样式的文本”,或者查看它是否支持组合字符并使用unicode序列
s
+
组合caron
s


尽管上述容器中的quck测试表明字体不支持此序列,因此:您需要找到一种完全支持的字体,找到一种看起来与直通字体足够相似的字体(第一种字体通常更有意义)。

该字体不支持字符你想用它。看一看:最后一个š的样式与文本的其余部分完全不同

因此,这里真正的解决方案是“确保您使用的字体支持您需要设置样式的文本”,或者查看它是否支持组合字符并使用unicode序列
s
+
组合caron
s


尽管上述容器中的quck测试表明字体不支持此顺序,因此:您需要找到一种完全支持的字体,找到一种看起来与直通字体非常相似的字体(第一种字体通常更有意义)更新:我尝试使用服务器上的相同字体,而不是使用谷歌字体,从那以后,所有浏览器都可以正常工作。我仍然不知道谷歌字体的问题是什么。但至少它是这样工作的。

更新:我尝试使用服务器上托管的相同字体,而不是使用谷歌字体,从那时起,所有浏览器都可以正常工作。我仍然不知道谷歌字体的问题是什么。但至少它是这样工作的。

我遇到了完全相同的问题,字母在Chrome中正确呈现,但在Firefox中被替换。 我的解决方案是,在从谷歌字体下载字体时,我忘记了包含拉丁扩展选项


在您的情况下,从下载部分2中的字体时。选择所需的字符集:确保已包含拉丁扩展(拉丁扩展)选项。

我遇到了完全相同的问题,字母在Chrome中正确呈现,但在Firefox中被替换。 我的解决方案是,在从谷歌字体下载字体时,我忘记了包含拉丁扩展选项


在您的情况下,从下载部分2中的字体时。选择所需的字符集:确保已包含拉丁扩展(拉丁扩展)选项。

在iOS 9上。1在Safari中,我看到JSFIDDLE中的字母#您的问题与页面编码无关。这是一个字体渲染问题。使用的字体显然不包含该标志符号。它在Firefox/Windows 10上的渲染效果也不如预期。@Renzo Letterš存在,但它的字体是否与以前的字母相同?Roeland,这是我的第一个想法,但后来我检查了一下,它确实包含了那个铭文。如果它不包含该标志符号,那么它就不会在Chrome中显示,对吗?我刚刚意识到,除了Chrome/Windows和Chrome/Android之外,它不会显示在任何浏览器中。这很奇怪:-/在iOS 9.1的Safari中,我看到来自JSFIDDLE的字母š您的问题与页面编码无关。这是一个字体渲染问题。使用的字体显然不包含该标志符号。它在Firefox/Windows 10上的渲染效果也不如预期。@Renzo Letterš存在,但它的字体是否与以前的字母相同?Roeland,这是我的第一个想法,但后来我检查了一下,它确实包含了那个铭文。如果它不包含该标志符号,那么它就不会在Chrome中显示,对吗?我刚刚意识到,除了Chrome/Windows和Chrome/Android之外,它不会显示在任何浏览器中。真奇怪:-/就是这样现在它可以解释为什么它可以使用上传到服务器上的字体,但不能使用谷歌字体。就是这样!:)现在它可以解释为什么它可以使用上传到服务器上的字体,但不能使用谷歌字体。