之前寫過使用者手冊，所以借平臺練習一下寫作，哦吼吼~

字型圖示經常使用的是

阿里圖示庫的：http://www.iconfont.cn/

icomoon圖示庫的：https://icomoon.io/

下面就介紹一下icomoon庫的字型圖示使用方法~~~=。=~~~

【最終效果】

【第一步】：

開啟連結進入icomoon圖示庫（https://icomoon.io/）

單擊右上角的這個按鈕，進入圖示選擇介面

【第二步】：

點選你需要的圖示，類似加入購物車啦

下面的Selectionxxx（選中xx個）會清點你選了多少個圖示。然後單擊進入你的已選圖示介面,單擊設定圖示旁邊的preferences（偏好設定）， 選擇支援ie8,ie7&1e6，單擊右下角 

【第三步】：

解壓下載的字型圖示包，拷貝ie7和font兩個資料夾到你的站點裡面去。

大概是這個樣子的:

【第四步】：

拷貝下載的字型圖示包裡面的檔案style.css裡面的內容到你的css頁面

大概是這個樣子的：

然後重新修改@font-face裡面的連結，和【重要】刪掉這個東西“?m3vgb7”，比如

修改前：

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?m3vgb7');
  src:  url('fonts/icomoon.eot?m3vgb7#iefix') format('embedded-opentype')

改為內部連結：

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype')

最後：

就可以最新所欲的用下載到的字型圖示啦！！！

直接<i class="icon-名稱"></i>就可以用了哦！！！

例如：

                                <a href="#"><span>108</span><i class="icon-cloud-upload"></i>已釋出</a>
<a href="#"><span>10</span><i class="icon-archive"></i>草稿箱</a>
<a href="#"><i class="icon-loader"></i>申請中</a>
<a href="#"><span>90</span><i class="icon-square-check"></i>已通過</a>
<a href="#"><span>1</span><i class="icon-square-cross"></i>被駁回</a>

BTW：css定義一下<i>標籤裡面的字型的大小屬性（font-size=20px 2.0rem）就可以改變圖示的大小哦！！！