特殊字符在 Firefox 中渲染不当
Special characters rendering off place in Firefox
我正在使用 Google 字体构建网站。特别是我使用的是“Archivo Black”。
该字体支持特殊字符，例如重音符和其他字符，但是在 Firefox 中，这些重音符出现在一个非常奇怪的位置……而在 Chrome 中它们看起来非常好。
我一直在四处寻找，但我认为没有办法通过 CSS 来控制这些元素的位置，所以我真的不明白为什么会这样。
在下面的图片中，我只是突出显示了发生这种情况的一个实例，但如果你仔细观察，你会发现这是一个一致的问题。
问题可能是您正在使用 'COMBINING ACUTE ACCENT' (U+0301) along with the U character instead of the '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>MÚSICA (U + ́ )</div>
<div>MÚSICA (Ú)</div>
我正在使用 Google 字体构建网站。特别是我使用的是“Archivo Black”。
该字体支持特殊字符，例如重音符和其他字符，但是在 Firefox 中，这些重音符出现在一个非常奇怪的位置……而在 Chrome 中它们看起来非常好。
我一直在四处寻找，但我认为没有办法通过 CSS 来控制这些元素的位置，所以我真的不明白为什么会这样。
在下面的图片中，我只是突出显示了发生这种情况的一个实例，但如果你仔细观察，你会发现这是一个一致的问题。
问题可能是您正在使用 'COMBINING ACUTE ACCENT' (U+0301) along with the U character instead of the '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>MÚSICA (U + ́ )</div>
<div>MÚSICA (Ú)</div>