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

我遇到来自Google字体的重音字母的问题。字母“š”在我的电脑上的所有浏览器中都能正确显示，但在所有移动浏览器，Android和iOS中都可以用系统字体替换（尽管它在Android Chrome上运行良好）。字体是阿布里尔Fatface，你可以看到这里产生Screenshot 带有重音的字母在移动浏览器中无法正确显示

这里https://jsfiddle.net/Lauven/zkL04kbx/embedded/result/

它的行为在我的服务器和的jsfiddle相同。

到目前为止，我已经试过这些事：

将<meta http-equiv="Content-type" content="text/html; charset=UTF-8">和<meta charset="UTF-8">在头节
新增UTF-8编码的.htaccess文件
用UTF-8编码保存的文件我文本编辑器

但我不确定这是编码问题，因为信件在我的PC和Android Chrome浏览器中正确显示。任何人有任何想法如何解决这个问题？

更新：它实际上仅适用于Chrome/Windows和Chrome浏览器/ Android的

来源

2015-11-09 Dejan

在Safari 9.1上我看到Jsfiddle的字母 – Renzo

你的问题与页面编码无关。这是一个字体渲染问题。显然使用的字体不包含该字形。它不会像Firefox/Windows 10那样按预期呈现。 – roeland

@Renzo Letterš在那里，但它是以前的字母相同的字体？ Roeland，这是我的第一个想法，但后来我检查，它确实包含该字形。 https://www.google。com/fonts/specimen/Abril + Fatface如果它没有包含该字形，那么它不会在Chrome中显示它，对吧？我刚刚意识到它不会在除Chrome/Windows和Chrome/Android之外的任何浏览器中显示。这很奇怪： -/ – Dejan

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

在你的情况下，在部分2.选择下载字符从https://www.google.com/fonts#UsePlace:use/Collection:Abril+Fatface字体时设置要将：确保你已经包括拉丁文扩展（拉丁语-EXT）选项。

来源

2016-01-19 11:07:32 catico

就是这样！ :)现在它有道理为什么它与字体上传到服务器，但没有与谷歌字体的工作。 – Dejan

该字体不支持你想用它来使用的字符（一个或多个）的作品。看看http://jsbin.com/zucatufaxi/edit?html,css,output：最后的š没有像其他文字那样的风格。

所以这里的真正的解决方案将是“确保你使用的支持，你需要的样式文本的字体”，或者看它是否支持组合字符，并使用Unicode序列时s + combining caron：š。

虽然在上述箱中的quck测试表明，该序列没有正确的字体支持，所以：你要么需要找到与全力支持，或字体找到的字体看起来类似足够的贯穿字体（第一个通常更有意义）。

来源

2015-11-11 10:02:09

更新：我试图使用托管在我的服务器上的相同字体，而不是使用Google字体，并且自那时起，所有浏览器中的所有工作都正常。尽管如此，我仍然不知道Google字体的问题。但至少它是这样工作的。

来源

2015-11-12 22:06:41 Dejan

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

回答

相关问题