法语谷歌字体在具有相同浏览器的不同设备上不一致

时间:2017-10-16 09:47:13

标签: html css fonts less google-fonts

所以我正在为我目前正在工作的法国客户网站做一个网站,我正在使用来自Google Fonts的字体Comfortaa。 该网站使用法语,因此使用带有重音的字母,例如é àè

但是,虽然这些字母可以在我的设备上正确显示,但在Chrome,Safari等上可以正常显示-> Displays correctly on Chrome and Safari on Mac

在我的客户端设备上,它会在Safari上显示带有重音错误的字母.. -> Displays incorrectly on Safari

你知道这是什么原因以及我如何解决它?

我正在导入这样的字体:

HTML

    <!--     Fonts      -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa"/>

LESS File

@font: 'Comfortaa', cursive;

body,html {
  font-family: @font;
  font-size: 100%;
}

2 个答案:

答案 0 :(得分:1)

只想感谢您的回答,让每个人都知道解决方案.. 即使解决方案添加 <{1}},例如

subset=greek, latin-ext

很有帮助,它没有解决问题

..实际问题是,当将法语文本(因此带有重音的字母)复制到IntelliJIDEA时,将重音字母分成两个字符 - &gt;例如字母<link href="https://fonts.googleapis.com/css?family=Comfortaa&amp;‌​subset=greek,latin-e‌​xt" rel="stylesheet"> 和重音作为单独的字符......因此需要在编辑器中用一个字母重音字母重写这些字母... 这可能是其他IDE的一个问题所以最好注意这一点:)

答案 1 :(得分:1)

我对带有重音符号“é”的法语字符也有同样的问题 Mac上的Firefox显示单个“ e”,然后用空格分隔重音符号。 我也尝试了子集和latin-ext,但没有成功。 我也尝试使用@ font-face:也没有成功。 它只能在Safari和Chrome上很好地显示