一娄猫、簡介
1瞧甩、Font Awesome 是一套絕佳的圖標字體庫和CSS框架
2耳峦、Font Awesome 字體為您提供可縮放矢量圖標塘辅,它可以被定制大小牙丽、顏色跷乐、陰影以及任何可以用CSS的樣式。
3座硕、國內(nèi)CDN: <link rel="stylesheet" >
4弛作、不太推薦下載到本地,直接在html 文檔頭部引用CDN文件即可华匾。
二映琳、使用
1、使用前綴 fa 和圖標的名稱來放置Font Awesome 圖標蜘拉。
2萨西、Font Awesome 設(shè)計為與內(nèi)聯(lián)樣式一起使用。<i>和<span>元素廣泛用于圖標旭旭。
3谎脯、如果更改圖標容器的字體大小或顏色,圖標會更改您机。
4穿肄、大圖標:fa-lg(增加33%)年局,fa-2x际看,fa-3x咸产,fa-4x,或fa-5x類用于增加相對于其容器的圖標大小仲闽。
5脑溢、如果你的圖標在頂部和底部被切斷,請增加行高赖欣。
6屑彻、列表圖標:fa-ul 和 fa-li 類用于替換無序列表中的默認前綴。
7顶吮、邊界和被拉的圖標:fa-border,fa-pull-right或者fa-pull-left類用于拉式引用或者文章圖標社牲。
8、動態(tài)圖標:fa-spin類可以圖標旋轉(zhuǎn)悴了,fa-pulse類可以使圖標以8步為周期進行旋轉(zhuǎn)搏恤。
9、IE8和IE9不支持CSS3動畫湃交。
10熟空、旋轉(zhuǎn)和翻轉(zhuǎn)的圖標:fa-rotate-* 和 fa-flip-*類用于旋轉(zhuǎn)和翻轉(zhuǎn)圖標。
11搞莺、堆疊的圖標:要堆疊多個圖標息罗,請使用父級上的 fa-stack類,fa-stack-1x類用于常規(guī)大小的圖標才沧,fa-stack-2x用于較大的圖標迈喉。fa-inverse類可以替代圖標顏色。你還可以向父級添加更大的圖標類温圆,以進一步控制尺寸弊添。
12、固定寬度圖標:fa-fw 類用于設(shè)置固定寬度的圖標捌木。當不同的圖標寬度偏離對齊時油坝,此類非常有用。特別適用于Bootstrap的導(dǎo)航列表和列表組刨裆。