iconfont在sketch中的下载安装及icon不正常显示的问题

时间:2024-01-25 15:38:09

跟着我的节奏一步一步来吧:

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

在画板中直接插入到需要的位置即可