font-awesome - Fontawesome が正確に表示されない

Question

これは、Chrome での「icon-reorder」のスクリーンショットです。

各バーの間に等間隔がない理由がわかりません。私はただ使うだけ<i class="icon-reorder"></i>です。

これに対する解決策はありますか？

Answer 1

FontAwesomeデフォルトを上書きしていないこととfont-size、フォントを追加する前に定義したことを確認してください。

display: inline-block;
font-family: FontAwesome;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;