前言:Bootstrap 簡潔、直觀、強悍、移動設備優先的前端開發框架,讓web開發更迅速、簡單 ,深入了解 Bootstrap 底層結構的關鍵部分,包括我們讓 web 開發變得更好、更快, 組件無數可復用的組件,包括字體圖標,在網頁制作中我們經常用到小圖標(icon),在Bootstrap中提供了很多這種小圖標,在這篇內容中,我們把這套框架上的免費字體圖標做了個小整合(當然,以后還會不斷的更新)
### Font Awesome
官方網址 :http://fontawesome.io/
http://fontawesome.dashgame.com/
描述:Font Awesome為您提供可縮放的矢量圖標,您可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。
### Glyphicons Halflings
官方網址:http://glyphicons.com/
http://v3.bootcss.com/components/
描述:Glyphicons Halflings 一般是收費的,但是他們的作者允許 Bootstrap 免費使用。為了表示感謝,希望你在使用時盡量為 Glyphicons 添加一個友情鏈接
使用案例:
圖片.png
### Elegant Icon Font
官方網址 :https://www.elegantthemes.com/
https://www.elegantthemes.com/blog/resources/elegant-icon-font
由360款優雅的矢量圖標字體組成,完全免費使用-elegantthemes。這些圖標已經全部進行了優化16*16像素(32px,64px等)的所有倍數。圖標選擇組件,支持自定義的圖標,簡單方便,拿過來就可以直接使用,無需UI,圖標代碼一鍵復制即可。
- 前端框架
- 進階攻略:前端最全的框架總結
- 進階攻略:前端完整的學習路線
- 進階攻略:最全的前端開源JS框架和庫
- 常用的六個富文本編輯器
- 移動端手勢的七個事件庫
- Bootstrap相關優質項目學習清單
- 三個Bootstrap免費字體和圖標庫
- jQuery實現多種切換效果的圖片切換的五款插件
- 移動端常用的四個框架
- 七個幫助你處理Web頁面層布局的jQuery插件
- 前端工具
- 八款前端開發人員更輕松的實用在線工具
- 推薦幾款好用的云筆記軟件
- 幾款在線的腦圖制作工具
- 細數那些年我用過的前端開發工具
- 九款優秀的企業項目協作工具推薦
- 細數那些帶打賞功能的平臺
- 干貨|幾個有用的問答平臺
- 前端資源
- web開發快速提高工作效率的一些資源
- 前端工程師們,這些干貨讓你開發效率加倍
- 那些我不得不收藏的技術網站
- 前端學習的幾個網站
- 老司機程序員用到的各種網站整理
- 前端幾個常用簡單的開發手冊拿走不謝
- 2017年度最流行的十大中國開源軟件
- 程序員常用的六大技術博客類
- 提高工作效率的幾個小技巧
- Bootstrap相關優質項目必備網址
- 前端技術棧
- h5調用底層接口的一些知識
- JS數組去重的6種算法實現
- Git安裝及密鑰的生成并上傳本地文件到GitHub上
- JS數組排序技巧匯總(冒泡、sort、快速、希爾等排序)
- 就如何快速免費提高網站排名小結
- 淺談移動端頁面無刷新跳轉問題的解決方案
- 移動端iPhone系列適配問題的一些坑
- HTML5在客戶端存儲數據的新方法——localStorage
- 移動開發之css3實現背景幾種漸變效果
- 前端雜談
- 程序員如何利用空余時間掙零花錢?
- 一個前端妹子的悲歡編程之路
- 【程序員交友】祈澈姑娘:假裝文藝與代碼齊飛的前端妹子
- 初中級前端開發工程師如何提升個人能力?
- 如何打造個人技術影響力
- 程序媛,堅持這幾個好習慣讓你越來越美
- 工作中如何快速成長和學習?
- 我是如何快速積累工作經驗
- 谷歌AI中國中心成立,人工智能勢不可擋?
- 前端面試
- 一份來自前端開發工程師的規范簡歷
- 2017前端精品面試文章總結
- 面試經歷:為即將找工作的你保駕護航
- 我的北漂之路 北漂如飲水,冷暖自知
- 如何在面試中脫穎而出?
- 2017年10大主流編程語言最新排行榜出爐
- 前端面試之前要準備的那些事