html - Firefox 渲染一些小于字体大小的字符

Question

这是一些 Unicode 字符的小提琴。

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

在这里，它在 Safari 中呈现，看起来与预期的一样：

这是在 Firefox 中：

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

Answer 1

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

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

Answer 2

我对 © （版权字符）有同样的问题，我只是将它包裹在一个span标签上，然后按照Boris Zbarsky的回答中的建议更改了 font-family 和 font-size 属性，并且效果很好。