HTML CSS Unicode“实体”行高与标准字体不同？

Question

我有这个代码：

<button class='arrow month'>&#x25C2;</button>
<button name='nv' value='2011' class='month selected'>2011</button>
<button class='arrow month'>&#x25B8;</button>

...输出这个：

一切都很棒，除了 unicode“实体”使线路变得更粗！

为什么会发生这种情况？有解决办法吗？

为了进一步说明，下面是相同的 HTML，其中包含一个实体：

<button name='nv' value='2011' class='month selected'>2011&#x25B8;</button>

Answer 1

这完全取决于您拥有的字体。如果浏览器的默认字体没有字符 U+25C2 的字形，它将尝试回退到包含该字符的另一种字体。该后备字体可能具有不同的行高。

如果您想要固定高度的按钮，请通过指定固定样式来请求height。