フォントのすごいアイコンの前に「fa」というクラスを追加する理由は何ですか？</p> <pre><code><i class='fa fa-snapchat-ghost'></i> </code></pre> <p>なぜ単に</p> <pre><code><i class='fa-snapchat-ghost'></i> </code></pre> <p>：

Question

私が見てきたフォント素晴らしいアイコンは、このようなすべてのアイコンのためのクラスのFA」を持っていますか？クラスfaは何をあなたに提供しますか？

Answer 1

その一人ひとりのアイコンに@extend .faディレクティブを追加するにリンクされているjmoerdyk CSSファイル内の効率の問題...

でしょう：

A）カウンタからに基づいているものをCSSに実行します理論的な見解である。

b）単純に1つのクラスですべてのアイコンが正しくレンダリングするために必要なプロパティを割り当てるよりも多くのコード行を追加します。

.fa { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

だから、あなたが表示されたアイコンに加えて、このスタイルも適用されます：

Answer 2

これは.faが与えるものです。

それはブートストラップ（または任意の他のフレームワーク）は、複数のCSSタグに依存している理由よりも異なるませんフルsource code

Answer 3

を確認してください。コードの効率と冗長性の回避。検討してください：

1. すべてのフォント驚くばかりのアイコンは、フォントAwesomeフォントを使用する必要があります。
2. 彼らはすべてのコードに不要な膨張を追加し、不一致が新規として発生する可能性があるという可能性を高め、すべてのアイコンは、これらのスタイルを繰り返す必要がありますdisplay同じだけでなく、.faなければ

を適用 他のCSSスタイルを持っている必要がありますアイコンが追加されます。

CSSファイルの全体のサイズ（さらに縮小されていても）は繰り返しによって大きくなりますので、そのような懸念もあります。