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▸</button>

Answer 1

我添加line-height: 16px; 并解决了。

Answer 2

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

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