爲什麼在所有font-awesome圖標前添加「fa」類？

Question

我見過字體真棒圖標有這樣所有圖標類 'FA'：

<i class='fa fa-snapchat-ghost'></i> 

爲什麼不乾脆

<i class='fa-snapchat-ghost'></i> 

？ fa班給你什麼？

Answer 1

它是jmoerdyk鏈接到CSS文件中效率的問題...

添加@extend .fa指令到每一個圖標會：

一）計數器從基於什麼CSS運行理論上的觀點。

b）添加更多行代碼，而不僅僅是爲了正確呈現每個圖標所需的單個類分配屬性。

Answer 2

這是.fa給出：

.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; 
} 

所以除了向你展示的圖標，這種風格也得到應用。

檢查全source code

Answer 3

那比爲什麼引導（或任何其他框架）依賴於多個CSS標籤不同;代碼效率和避免冗餘。考慮：

1. 所有的Font Awesome圖標都需要使用Font Awesome Font。
2. 他們必須都具有相同的display以及其他CSS 應用

沒有.fa風格每個圖標都需要重複同樣的風格，增加不必要的臃腫代碼和差異可能出現新增加的可能性圖標被添加。

由於重複，CSS文件的整體大小（甚至縮小）會更大，所以也存在這種擔憂。