Html 带有重音的字母在移动浏览器中显示不正确
我对谷歌字体的重音字母有问题。字母“š”在我的PC上的所有浏览器中都能正确显示,但在所有移动浏览器(Android和iOS)中,它都被系统字体所取代(不过在Android Chrome中效果很好)。字体是并排的,你们可以在这里看到结果 这里呢 它在我的服务器和JSFIDLE上的作用相同 到目前为止,我已经尝试过这些方法: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
- 将
和
放在标题部分 - 在.htaccess文件中添加了utf-8编码
- 在我的文本编辑器中使用utf-8编码保存文件
更新:它实际上只在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之外,它不会显示在任何浏览器中。真奇怪:-/就是这样现在它可以解释为什么它可以使用上传到服务器上的字体,但不能使用谷歌字体。就是这样!:)现在它可以解释为什么它可以使用上传到服务器上的字体,但不能使用谷歌字体。