Font Awesome是一套絕佳的圖標(biāo)字體庫(kù)和CSS框架，為你提供可縮放的矢量圖標(biāo)，可以使用CSS所提供的所有特性對(duì)它們進(jìn)行更改，包括：大小、顏色、陰影或者其它任何支持的效果。

軟件介紹

Font Awesome是一款功能強(qiáng)大的標(biāo)準(zhǔn)的圖標(biāo)字體庫(kù)和CSS結(jié)構(gòu)框架，字體擁有優(yōu)美簡(jiǎn)潔的風(fēng)格，非常具有現(xiàn)代科技感。軟件包包含了與所有網(wǎng)頁(yè)有關(guān)的形象圖標(biāo)和CSS的所有特性，例如：大小、顏色、陰影和其他效果等。并且運(yùn)行的話是不需要JavaScript框架的，你只需要在CSS中引入icon字體就可以直接生成你需要的圖標(biāo)內(nèi)容，當(dāng)然了，你也可以直接在GitHub庫(kù)中下載整個(gè)圖標(biāo)集合，快速的制作出非常優(yōu)美的圖標(biāo)，非常適合從事網(wǎng)頁(yè)開發(fā)前端設(shè)計(jì)的用戶數(shù)使用。

軟件特色

1、一個(gè)字庫(kù)，675個(gè)圖標(biāo)

僅一個(gè)Font Awesome字庫(kù)，就包含了與網(wǎng)頁(yè)相關(guān)的所有形象圖標(biāo)。

2、無(wú)需依賴JavaScript

完全不依賴JavaScript，因此無(wú)需擔(dān)心兼容性。

3、無(wú)限縮放

無(wú)論在任何尺寸下，可縮放的矢量圖形都會(huì)為您呈現(xiàn)出完美的圖標(biāo)。

4、如言語(yǔ)一般自由

完全免費(fèi)，哪怕是商業(yè)用途。

5、CSS控制

只要CSS支持，無(wú)論顏色、大小、陰影或者其它任何效果，都可以輕易展現(xiàn)。

6、高分屏完美呈現(xiàn)

軟件的矢量圖標(biāo)，將使您的網(wǎng)站在視網(wǎng)膜級(jí)的高分屏上大放異彩。

7、完美兼容其它框架

盡管是為Bootstrap設(shè)計(jì)，但它樣能與其它框架完美協(xié)同運(yùn)作。

8、可用于桌面系統(tǒng)

用于桌面系統(tǒng)，或需要一套完整的矢量圖。

9、可適配于屏幕閱讀器

與其它字體不同，不會(huì)影響屏幕閱讀器正常工作。

常見問(wèn)題

一、軟件圖標(biāo)怎么用？

1、在本站下載字體安裝包；

2、下載好安裝包后，點(diǎn)擊文件夾，找到CSS文件夾里面的font-awesome.css或者font-awesome.min.css（表示壓縮過(guò)的）復(fù)制到自己項(xiàng)目里面的CSS文件夾中，并把安裝包文件夾中的fonts文件夾整個(gè)文件夾復(fù)制到自己項(xiàng)目中；

3、打開HTML頁(yè)面，在head頭部中引入font-awesome.css。

當(dāng)然了，如果沒(méi)有下載安裝包的，可以引入在線css。

比如：；

4、圖標(biāo)的引用：font-awesome圖標(biāo)可以任何一個(gè)地方引用，只要在該元素的類中加入前綴fa，在加入對(duì)應(yīng)的圖標(biāo)名稱。不知道圖標(biāo)的名稱，不可以在官網(wǎng)中找到對(duì)應(yīng)的圖標(biāo)，既可以找到對(duì)應(yīng)的圖標(biāo)名稱。

注：軟件設(shè)計(jì)為與內(nèi)聯(lián)元素一起使用。 和 元素廣泛用于圖標(biāo)。

5、可以直接對(duì)圖標(biāo)的屬性進(jìn)行更改，如圖標(biāo)的顏色、大小，并且可以組合不同的圖標(biāo)形成所需的圖標(biāo)等。

6、執(zhí)行以上步驟，若是沒(méi)有圖標(biāo)顯示，可以打開font-awesome.css，檢查字體庫(kù)，即引入fonts文件的路徑是否正確。

二、fontawesome圖標(biāo)顯示不了怎么辦？

在頁(yè)面引用all.css

檢查了fontawesome.css，沒(méi)有發(fā)現(xiàn)包含引用webfonts文件。在all.css中才出現(xiàn)引用webfonts，換成引用all.css后解決問(wèn)題。