Font Awesome是一套絕佳的圖標字體庫和CSS框架,為你提供可縮放的矢量圖標,可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。
軟件介紹
Font Awesome是一款功能強大的標準的圖標字體庫和CSS結構框架,字體擁有優美簡潔的風格,非常具有現代科技感。軟件包包含了與所有網頁有關的形象圖標和CSS的所有特性,例如:大小、顏色、陰影和其他效果等。并且運行的話是不需要JavaScript框架的,你只需要在CSS中引入icon字體就可以直接生成你需要的圖標內容,當然了,你也可以直接在GitHub庫中下載整個圖標集合,快速的制作出非常優美的圖標,非常適合從事網頁開發前端設計的用戶數使用。
軟件特色
1、一個字庫,675個圖標
僅一個Font Awesome字庫,就包含了與網頁相關的所有形象圖標。
2、無需依賴JavaScript
完全不依賴JavaScript,因此無需擔心兼容性。
3、無限縮放
無論在任何尺寸下,可縮放的矢量圖形都會為您呈現出完美的圖標。
4、如言語一般自由
完全免費,哪怕是商業用途。
5、CSS控制
只要CSS支持,無論顏色、大小、陰影或者其它任何效果,都可以輕易展現。
6、高分屏完美呈現
軟件的矢量圖標,將使您的網站在視網膜級的高分屏上大放異彩。
7、完美兼容其它框架
盡管是為Bootstrap設計,但它樣能與其它框架完美協同運作。
8、可用于桌面系統
用于桌面系統,或需要一套完整的矢量圖。
9、可適配于屏幕閱讀器
與其它字體不同,不會影響屏幕閱讀器正常工作。
常見問題
一、軟件圖標怎么用?
1、在本站下載字體安裝包;
2、下載好安裝包后,點擊文件夾,找到CSS文件夾里面的font-awesome.css或者font-awesome.min.css(表示壓縮過的)復制到自己項目里面的CSS文件夾中,并把安裝包文件夾中的fonts文件夾整個文件夾復制到自己項目中;
3、打開HTML頁面,在head頭部中引入font-awesome.css。
當然了,如果沒有下載安裝包的,可以引入在線css。
比如:;
4、圖標的引用:font-awesome圖標可以任何一個地方引用,只要在該元素的類中加入前綴fa,在加入對應的圖標名稱。不知道圖標的名稱,不可以在官網中找到對應的圖標,既可以找到對應的圖標名稱。
注:軟件設計為與內聯元素一起使用。 和 元素廣泛用于圖標。
5、可以直接對圖標的屬性進行更改,如圖標的顏色、大小,并且可以組合不同的圖標形成所需的圖標等。
6、執行以上步驟,若是沒有圖標顯示,可以打開font-awesome.css,檢查字體庫,即引入fonts文件的路徑是否正確。
二、fontawesome圖標顯示不了怎么辦?
在頁面引用all.css
檢查了fontawesome.css,沒有發現包含引用webfonts文件。在all.css中才出現引用webfonts,換成引用all.css后解決問題。

頁面制作需要通過設計軟件來制作原型,而不少用戶咨詢網頁制作工具有哪些?所以小編這里帶來網頁設計軟件大全,整合常見的頁面設計工具下載,每一款都能讓你在輔助設計領域得心應手,提升設計效率。
裝機必備軟件
網友評論