某些文字的重音残破/排列错误

时间:2019-03-26 13:30:17

标签: html css fonts

我发现,我的网站上的某些字体在某些浏览器上无法正确呈现。口音未对齐,略偏离其正常位置。

看起来它在Chrome / Opera中运行良好,在Edge / Firefox中已损坏。

这是图片:

enter image description here

网站在Drupal 7上运行,字体来自fonts.google.com,CSS中带有@include。我不知道如何解决此类问题,并尝试使用Google进行搜索,但似乎没有人遇到相同的问题。

我还发现,当我在检查器中手动重写文本时,它再次神奇地起作用。

2 个答案:

答案 0 :(得分:2)

如果您要按字面意思输入...

Pomôžeme

然后您需要使用正确的character set

<meta charset="UTF-8">

您也可以尝试使用HTML entities来获得一致的字母:

Pom&ocirc;&zcaron;eme

答案 1 :(得分:1)

因此,经过数小时的思考后,我无意中找到了解决方案。我们的设计师使用Figma(用于制作网站设计的在线工具)为我们提供了设计,并且从该程序复制的文本是错误的。因此,它们看起来相同,但实际上是不同的编码,或者我不知道。解决的办法是手工重写所有文本。从来没有见过这样的问题。