在 Firefox 中渲染特殊字符

【问题标题】：Special characters rendering off place in Firefox在 Firefox 中渲染特殊字符
【发布时间】：2018-05-14 20:51:00
【问题描述】：

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

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

我一直在环顾四周，但我认为没有办法通过 CSS 控制此类元素的位置，所以我真的不明白为什么会发生这种情况。

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

【问题讨论】：

当我从 word 或其他应用程序复制文本时，我也注意到了这个问题。它似乎有一些奇怪的格式。当我手动删除字母并再次输入（直接输入代码或 CMS 系统）时，它看起来很好。

【解决方案1】：

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

@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>

【讨论】：