Font Awesome 是一套絕佳的圖標(biāo)字體庫(kù)和CSS框架。
http:/ /ww w.i is7.co m/b/slj/
Font Awesome 字體為您提供可縮放矢量圖標(biāo),它可以被定制大小、顏色、陰影以及任何可以用CSS的樣式。
要使用Font Awesome圖標(biāo)，請(qǐng)?jiān)贖TML頁(yè)面的 部分中添加以下行：
國(guó)內(nèi) cdn：
海外 CDN：
您可以使用前綴 fa 和圖標(biāo)的名稱來放置 Font Awesome 圖標(biāo)。
Font Awesome 設(shè)計(jì)為與內(nèi)聯(lián)元素一起使用。 和 元素廣泛用于圖標(biāo)。
另外注意，如果更改圖標(biāo)容器的字體大小或顏色，圖標(biāo)會(huì)更改。
。。。。。。。
大圖標(biāo)
fa-lg (增加33％)，fa-2x，fa-3x， fa-4x，fa-5x 類用于增加相對(duì)于其容器的圖標(biāo)大小。提示： 如果你的圖標(biāo)在頂部和底部被切斷，請(qǐng)?jiān)黾有懈摺?br/>。。。。。。。
列表圖標(biāo)
fa-ul 和 fa-li 類用于替換無序列表中的默認(rèn)前綴。
。。。。。。。
邊界和被拉的圖標(biāo)
fa-border，fa-pull-right 或 fa-pull-left 類用于拉式引用或文章圖標(biāo)。
。。。。。。。
動(dòng)態(tài)圖標(biāo)
fa-spin 類可以讓圖標(biāo)旋轉(zhuǎn), fa-pulse 類可以使圖標(biāo)以 8 步為周期進(jìn)行旋轉(zhuǎn)。注意: IE8 和 IE9 不支持 CSS3 動(dòng)畫。
。。。。。。。
旋轉(zhuǎn)和翻轉(zhuǎn)的圖標(biāo)
fa-rotate- 和 fa-flip- 類用于旋轉(zhuǎn)和翻轉(zhuǎn)圖標(biāo)。
。。。。。。。
堆疊的圖標(biāo)
要堆疊多個(gè)圖標(biāo)，請(qǐng)使用父級(jí)上的 fa-stack 類，fa-stack-1x 類用于常規(guī)大小的圖標(biāo)，fa-stack-2x 用于較大的圖標(biāo)。
fa-inverse 類可以用作替代圖標(biāo)顏色。您還可以向父級(jí)添加更大的圖標(biāo)類，以進(jìn)一步控制尺寸。
。。。。。。。
固定寬度圖標(biāo)
fa-fw 類用于設(shè)置固定寬度的圖標(biāo)。 當(dāng)不同的圖標(biāo)寬度偏離對(duì)齊時(shí)，此類非常有用。 特別適用于Bootstrap的導(dǎo)航列表和列表組。
:::::::::::::::::::::::::::::::::::::::::::::::::::::
Font Awesome的圖標(biāo)有以下幾種：
Font Awesome 品×××圖標(biāo)
Font Awesome 圖表圖標(biāo)
Font Awesome 貨幣圖標(biāo)
Font Awesome 方向圖標(biāo)
Font Awesome 文件類型圖標(biāo)
Font Awesome 表單圖標(biāo)
Font Awesome 性別圖標(biāo)
Font Awesome 手勢(shì)圖標(biāo)
Font Awesome 醫(yī)療圖標(biāo)
Font Awesome 付款圖標(biāo)
Font Awesome 加載中圖標(biāo)
Font Awesome 文本圖標(biāo)
Font Awesome 交通工具圖標(biāo)
Font Awesome 音/視頻圖標(biāo)
Font Awesome Web 應(yīng)用圖標(biāo)

創(chuàng)新互聯(lián)公司始終堅(jiān)持【策劃先行，效果至上】的經(jīng)營(yíng)理念，通過多達(dá)10年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的全網(wǎng)推廣解決方案，現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶，其中包括：成都衛(wèi)生間隔斷等企業(yè)，備受客戶夸獎(jiǎng)。