前言:Bootstrap 簡潔后豫、直觀悉尾、強悍、移動設備優(yōu)先的前端開發(fā)框架,讓web開發(fā)更迅速挫酿、簡單 构眯,深入了解 Bootstrap 底層結(jié)構(gòu)的關(guān)鍵部分,包括我們讓 web 開發(fā)變得更好、更快早龟, 組件無數(shù)可復用的組件,包括字體圖標惫霸,在網(wǎng)頁制作中我們經(jīng)常用到小圖標(icon),在Bootstrap中提供了很多這種小圖標,在這篇內(nèi)容中,我們把這套框架上的免費字體圖標做了個小整合(當然,以后還會不斷的更新)
- Font Awesome
官方網(wǎng)址 :http://fontawesome.io/
http://fontawesome.dashgame.com/
描述:Font Awesome為您提供可縮放的矢量圖標,您可以使用CSS所提供的所有特性對它們進行更改葱弟,包括:大小壹店、顏色、陰影或者其它任何支持的效果芝加。
- Glyphicons Halflings
官方網(wǎng)址:http://glyphicons.com/
http://v3.bootcss.com/components/
描述:Glyphicons Halflings 一般是收費的,但是他們的作者允許 Bootstrap 免費使用硅卢。為了表示感謝,希望你在使用時盡量為 Glyphicons 添加一個友情鏈接
使用案例:
- Elegant Icon Font
官方網(wǎng)址 :https://www.elegantthemes.com/
https://www.elegantthemes.com/blog/resources/elegant-icon-font
由360款優(yōu)雅的矢量圖標字體組成,完全免費使用-elegantthemes。這些圖標已經(jīng)全部進行了優(yōu)化16*16像素(32px将塑,64px等)的所有倍數(shù)脉顿。圖標選擇組件,支持自定義的圖標,簡單方便抬旺,拿過來就可以直接使用弊予,無需UI祥楣,圖標代碼一鍵復制即可开财。