要求
-
必備知識
本文要求基本瞭解html與css前端程式碼。
-
執行環境
普通瀏覽器,相容IE7
-
原始碼下載
Font Awesome 為您提供了一套可縮放的字型向量圖示，可以快速自定義圖示的大小，顏色，陰影，這些都可以通過CSS來實現，無需任何的JS程式碼哦。
一,主要特點如下:
1，一個字型，369個圖示
2，無需要使用JavaScript
3，通過CSS自定義圖示的大小，顏色，陰影
4，使用者介面友好
5，支援 Internet Explorer 7 瀏覽器
6，能夠在 Retina 螢幕完美呈現
7，和其它圖示字型不同，相容螢幕閱讀器
8，可擴充套件性強
9，文件完善
10，免費
二，圖示型別下面簡單羅列一下吧,這裡只列出了部分，完整圖示列表請檢視這裡：
1,Web應用程式常用圖示:
2,表單控制元件圖示
3,貨幣圖示
4，文字編輯器的圖示
5，網頁定向圖示
6，播放器圖示
7，品牌圖示
三，使用方法
方式一:
此方法使用最為簡單，BootstrapCDN 方式
在自己網頁的head標籤中引入如下程式碼即可，不需要下載和安裝任何東西即可使用:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
方式二:
此方式需要下載 Font Awesome專案資料夾
將Font Awesome 目錄 拷貝到你的專案中，然後在head標籤中引入如下程式碼:
<link rel="stylesheet" href=" your project(你的專案路徑)/font-awesome/css/font-awesome.min.css">
具體如何在網頁中新增這些向量圖示請檢視如下地址:
http://fortawesome.github.io/Font-Awesome/examples/
完整圖示列表請檢視這裡
如以上文章或連結對你有幫助的話，別忘了在文章結尾處輕輕點選一下 “還不錯”按鈕或到頁面右下角點選 “贊一個” 按鈕哦。你也可以點選頁面右邊“分享”懸浮按鈕哦，讓更多的人閱讀這篇文章。
作者:Li-Cheng
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。