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--这个时候就能够看到好多的图标

在画板中直接插入到须要的位置便可