HTML CSS Unicode "entity"行高与标准字体不同？

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 样式来请求它。