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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM