iconfont在sketch中的下載安裝及icon不正常顯示的問題

跟着個人節奏一步一步來吧：

icon font的下載安裝：

1.首先打開sketch--插件--管理插件--獲取插件--搜索 icon font--點擊icon font---clone or download--下載的是一個sketch-iconfont-master.zip壓縮包

2.雙擊解壓sketch-iconfont-master.zip文件夾--雙擊iconfont.sketchplugin文件進行安裝

3.安裝完成後，在sketch--插件中能夠看到Icon Font是下圖的樣子：

緊接着下載字體：

4.在下載icon font的頁面一直向下拉，會找到一個連接（下圖藍色連接），下載字體

 5.點擊藍色連接下載，會獲得一個font-bundles-master.zip壓縮文件--解壓縮文件會獲得一個font-bundles-master文件夾

6.在sketch中找到：插件--Icon Font--Install a Font-Bundles---找到font-bundles-master文件夾--選中文件夾--點擊open

7.在sketch找到：插件--Icon Font，界面以下圖：

 8.這個時候就安裝成功了，只是安裝成功了，這時候還不能夠正常使用，以下圖：

 

9.把下圖的字體安裝到mac的字體冊中，步驟：（電腦上）啓動臺--字體冊--添加字體--把下圖中紅色標註的字體安裝到字體冊中，安裝完成後以下圖才能夠正常使用：

 

10.使用方法：

在sketch找到插件--Icon Font--Grid Insert--material--這個時候就能夠看到好多的圖標

在畫板中直接插入到須要的位置便可