Firefox 渲染一些小于字体大小的字符答案

【问题标题】：Firefox renders some characters smaller than the font sizeFirefox 渲染一些小于字体大小的字符
【发布时间】：2013-07-12 16:43:05
【问题描述】：

Here's a fiddle 带有一些 Unicode 字符。

<p>★★★½☆</p>

这里是在 Safari 中渲染的，看起来和预期的一样：

它在 Firefox 中：

我非常需要 Firefox 看起来像 Safari。这里到底发生了什么，我能做些什么吗？

【问题讨论】：

【解决方案1】：

您在样式表中设置的字体中不存在这些字符，因此浏览器会回退到确实具有这些字符的某些字体。这种回退是在逐个字符的基础上完成的，因此可以将不同的字体用于不同的字符。具体来说，我强烈怀疑 Times New Roman 有那些明星人物。

我建议设置一种字体，该字体实际上包含您在样式表中使用的字符。

【讨论】：

情况似乎并非如此。 Arial 包含此字符，但结果相同。与 Chrome 相比，Firefox 中的大小减半。 jsfiddle.net/WSkHL/1
有趣。虽然 Arial 声称包含 U+2605，但 Firefox 和 Chrome 都没有为我使用该字体中的字形：将字体系列从 Arial 更改为其他内容并不会更改任一浏览器中正在使用的字形。
经过广泛的谷歌搜索和一些巫术魔法后，我能够通过在 CSS 中添加“Arial Unicode MS”字体来“修复”这个问题。看来这种字体是 MS Office 自带的。无法在没有办公室的机器上尝试查看问题是否仍然存在。 jsfiddle.net/WSkHL/2

【解决方案2】：

【讨论】：