Sketch Iconfont：谷歌Sketch字体图

  Sketch Iconfont：谷歌Sketch字体图标管理插件最新版是一款帮助用户插入和管理字体图标的Sketch插件。Sketch Iconfont：谷歌Sketch字体图标管理插件最新版能够为交互和UI设计师节省很多时间成本，从而提高工作的效率，Sketch Iconfont：谷歌Sketch字体图标管理插件最新版是可以在 Sketch 中轻松插入和管理图标字体的插件。

背景介绍

      Sketch Iconfont：谷歌Sketch字体图标管理插件最新版是一款帮助用户插入和管理字体图标的Sketch插件。

      关于Sketch

      Photoshop和Sketch在日常的设计工作中都不是必不可少的，Photoshop设计界的老大哥、吃瓜群众眼中的ps，它是迄今为止世界上最畅销的图像处理编辑软件。Sketch设计界新晋新星，它是一款轻量、易用的矢量设计工具。UI设计为什么选择Sketch?一个比喻非常形象的告诉我们“在 PS 中设计 UI，就像你要切纸的时候本来只需要一把剪刀，但你拿到的却是一把链锯。”而且新的设计师上手PS比上手Sketch要难得多。另外，Sketch还有一个优势就是丰富的插件库，sketch强大的插件能够为交互和UI设计师节省很多时间成本，提高工作的效率。总之一句话Sketch让UI设计更加简单、高效，只可惜Sketch只能在Mac上使用。今天介绍的Sketch Iconfont就是其中一款Sketch插件。

      关于icon

      在日常的设计工作中，icon 是离不开的设计元素，通常会下载一些 icon 素材文件。当使用时，打开素材文件，然后把要使用的 icon 粘贴到 Sketch中。但是，当你有大量的 icon 素材时，想要管理和查找 icon 就变得十分困难了。Sketch Iconfont 可以帮我们很好来管理我们的 icon素材。

      关于IconFont

      在介绍这个插件之前，我们需要先了解一个概念，图标字体 (IconFont)。简单来说，就是将图标生成为字体文件，和平时使用的字体文件是一样的。IconFont 一般应用在前端开发当中，在 CSS3 中被引入，将图标当做文字显示，可以很大程度上解决图标显示以及屏幕适配的问题。目前也有很多成熟的 IconFont 可以供我们直接使用，当然你也可以自己制作 IconFont 来供自己使用。

      Sketch Iconfont 就是可以在 Sketch 中轻松插入和管理图标字体的插件。安装好后，图标就以字体的形式输出至软件里，可编辑，可以转换成形状，如果你的sketch需要更新版本那么需要注意的是在更新前把图标字体导出字体包，sketch更新完后再安装导出的字体包以保留自定义字体。

安装说明

      1、安装Sketch Iconfont

      下载并解压文件

      双击 iconfont.sketchplugin 完成安装

      2、安装 Font Bundle

      安装好 Sketch Iconfont 之后，你会发现这个插件还不能使用。既然是管理 IconFont 的插件，第一件事情就是要先安装 IconFont，然后才能进行管理。Plugin 的作者为了方便使用，提供了一个 Font Bundle， 里面包括了多个比较热门的 IconFont，安装后就可以使用了。

      下载并解压： font-bundles-master.zip

      打开 ttf-files 文件夹，依次安装里面的字体;

      打开 Sketch，点击 Plugins -> Icon Font -> Install a Font-Bundle;

      在弹出的对话框中，选择 font-bundles-master 文件夹，然后点击 Open;