Fort Awesome图标比浏览器更大

Question

使用Fort Awesome Icons。

当我的一个图标呈现时，看起来浏览器希望高度为90px，但图标实际上更高，这会导致它与我拥有的其他内容重叠。

<script src="https://use.fortawesome.com/66d3880d.js"></script>
<br />
<hr />
<i class="fa fa-5x fa-day-sunny-overcast" />

Here is a codepen demonstrating the issue

任何人都知道如何解决这个问题？

Answer 1

这是一个不太讨厌的工作

.fa-day-sunny-overcast::before {
  font-size:0.88em;
}