在Firefox中渲染的特殊字符

Question

我正在使用Google字体构建网站。特别是我正在使用“Archivo Black”。

该字体支持特殊字符，如重音符号和其他字符，但在Firefox中，这些重音符号处于非常奇怪的位置...而在Chrome中它们看起来非常好。

我一直在四处寻找，但我认为没有办法通过CSS来控制这些元素的位置，所以我真的不明白为什么会发生这种情况。

在下面的图片中，我只是在发生这种情况时突出显示一个实例，但是如果你仔细观察，你会发现它是一个一致的问题。

Answer 1

问题很可能是您使用'COMBINING ACUTE ACCENT' (U+0301)和U字符而不是'LATIN SMALL LETTER U WITH ACUTE' (U+00FA) Ú。

前一个字符集不在您的字体中，因此浏览器必须使用其他系统字体，这就是它可能无法正确呈现的原因。您可以在开发工具的字体面板中进行检查 但是，您的字体确实具有Ú字符，因此如果您在标记中修复它，那么您应该在所有浏览器中都很好。

@import url('https://fonts.googleapis.com/css?family=Archivo+Black');
body{
  font-family: 'Archivo Black', sans-serif;
}

<div>MU&#x301;SICA (U +  &#x301; )</div>

<div>MÚSICA (Ú)</div>