2016-08-28 7 views
0

Fort Awesomeアイコンを使用しています。Fort Awesome Iconはブラウザよりも大きいです。

私のアイコンがレンダリングされると、ブラウザは高さが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

誰もがこの問題を解決する方法を知っていますか?

+0

周りにあまりハック仕事です。 Firefox開発者のバージョンはchrome/ie/edgeとfirefoxのリリースとは異なる動作をします - はい、明確なオーバーラップがあります - ご迷惑をおかけして申し訳ございません。 –

+1

'style =" padding-top:10px; "'を ''私はそれをする必要はありません! –

+0

それは私がやっていることを避けようとしているのですが、それ以外の方法はないようです。 –

答えて

1

は、ここで私は謝罪

.fa-day-sunny-overcast::before { 
    font-size:0.88em; 
} 
関連する問題