带有重音的字母在移动浏览器中无法正确显示 [英] Letter with accent not displayed correctly in mobile browsers

问题描述

我有来自Google字体的重音字母的问题。字母š在我的电脑上的所有浏览器中正确显示，但在所有移动浏览器，Android和iOS（在Android Chrome上运行正常）中，系统字体已被替换为系统字体。字体是Abril Fatface，你可以在这里看到结果截图

这里 https://jsfiddle.net/Lauven/zkL04kbx/embedded / b>

它在我的服务器和Jsfiddle上都是一样的。

到目前为止我试过这些东西：

• 把< meta http-equiv =Content-typecontent =头部分中的text / html; charset = UTF-8> 和< meta charset =UTF-8> / li>
  
• $ utf-8编码添加到.htaccess文件
  
• 在我的文本编辑器中使用utf-8编码保存的文件
  

但是我不知道这是编码问题，因为我的电脑和Android Chrome浏览器中的字母显示正确。任何人有任何想法如何解决这个问题？

更新：它实际上只适用于Chrome / Windows和Chrome / Android

解决方案

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

在您的情况下，从 https://www.google.com/fonts#UsePlace:use/Collection:Abril+Fatface 2。选择你想要的字符集：确保你已经包含了拉丁扩展（拉丁分机）选项。

I have a problem with accented letter from Google fonts. Letter "š" shows correctly in all browsers on my PC but it's replaced with system font in all mobile browsers, Android and iOS (it works fine in Android Chrome, though). Font is Abril Fatface and you can see result here Screenshot

And here https://jsfiddle.net/Lauven/zkL04kbx/embedded/result/

It acts the same on my server and on Jsfiddle.

So far I've tried these things:

• Put <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> and <meta charset="UTF-8"> in head section
• Added utf-8 encoding to .htaccess file
• Saved file with utf-8 encoding in my text editor

But I'm not sure it's the problem with encoding anymore since letter displays correctly in browsers on my PC and Android Chrome. Anybody have any idea how to solve this?

Update: It actually works only in Chrome/Windows and Chrome/Android

解决方案

I had the exactly same problem, with letters correctly being rendered in Chrome but being replaced in Firefox. The solution in my case was that I have forgotten to include Latin extended option when downloading the font from Google Fonts.

In your case when downloading the font from https://www.google.com/fonts#UsePlace:use/Collection:Abril+Fatface in the section 2. Choose the character sets you want: make sure you have included Latin Extended (latin-ext) option.

这篇关于带有重音的字母在移动浏览器中无法正确显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！