Font Awesome 是一套絕佳的圖標字體庫和CSS框架

Font Awesome 是一套絕佳的圖標字體庫和CSS框架。
http:/ /ww w.i is7.co m/b/slj/
Font Awesome 字體為您提供可縮放矢量圖標,它可以被定制大小、顏色、陰影以及任何可以用CSS的樣式。
要使用Font Awesome圖標，請在HTML頁面的 部分中添加以下行：
國內 CDN：<link rel="stylesheet" href="https:/ /cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
海外 CDN：<link rel="stylesheet" href="https:/ /cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
您可以使用前綴 fa 和圖標的名稱來放置 Font Awesome 圖標。
Font Awesome 設計為與內聯元素一起使用。 <i>和 <span> 元素廣泛用于圖標。
另外注意，如果更改圖標容器的字體大小或顏色，圖標會更改。
。。。。。。。
大圖標
fa-lg (增加33％)，fa-2x，fa-3x， fa-4x，fa-5x 類用于增加相對于其容器的圖標大小。提示： 如果你的圖標在頂部和底部被切斷，請增加行高。
。。。。。。。
列表圖標
fa-ul 和 fa-li 類用于替換無序列表中的默認前綴。
。。。。。。。
邊界和被拉的圖標
fa-border，fa-pull-right 或 fa-pull-left 類用于拉式引用或文章圖標。
。。。。。。。
動態圖標
fa-spin 類可以讓圖標旋轉, fa-pulse 類可以使圖標以 8 步為周期進行旋轉。注意: IE8 和 IE9 不支持 CSS3 動畫。
。。。。。。。
旋轉和翻轉的圖標
fa-rotate- 和 fa-flip- 類用于旋轉和翻轉圖標。
。。。。。。。
堆疊的圖標
要堆疊多個圖標，請使用父級上的 fa-stack 類，fa-stack-1x 類用于常規大小的圖標，fa-stack-2x 用于較大的圖標。
fa-inverse 類可以用作替代圖標顏色。您還可以向父級添加更大的圖標類，以進一步控制尺寸。
。。。。。。。
固定寬度圖標
fa-fw 類用于設置固定寬度的圖標。 當不同的圖標寬度偏離對齊時，此類非常有用。 特別適用于Bootstrap的導航列表和列表組。
:::::::::::::::::::::::::::::::::::::::::::::::::::::
Font Awesome的圖標有以下幾種：
Font Awesome 品×××圖標
Font Awesome 圖表圖標
Font Awesome 貨幣圖標
Font Awesome 方向圖標
Font Awesome 文件類型圖標
Font Awesome 表單圖標
Font Awesome 性別圖標
Font Awesome 手勢圖標
Font Awesome 醫療圖標
Font Awesome 付款圖標
Font Awesome 加載中圖標
Font Awesome 文本圖標
Font Awesome 交通工具圖標
Font Awesome 音/視頻圖標
Font Awesome Web 應用圖標