关于photoshop在哪里下载字体的信息

021yin.com 021yin.com 021yin.com 021yin.com 上又搜索不到怎么办？

别急，我这就告诉你~

下面讲述一下如何制作Iconfont，这里主要以两个软件为例。

1.Sketch

如果是UI设计师，应该对这个软件不会陌生，这是一个专门做UI界面的软件，过多就不介绍了，不了解的可以吉印通 搜索了解一下。

如果要制作如上图的图标，可以按照以下几步完成：

这里只是简单地介绍一下，具体制作可以自己去摸索尝试。

2.AI

在iconfont首页的下方选择图标制作说明，进入后查看制作图标的相关说明，并下载AI模板。

按照网格线，制作风格统一的图标，详情可以查看iconfont的图标制作说明。

图标应用项目

当你已经搭建了一个完善的项目图标库的时候，你可以让开发人员通过下面两种方式去使用它们：

1.在线使用

在项目中点击获取在线链接，生成在线链接，就生成了如上图代码，将其放入css文件当中，就可以通过之前所讲述的方法去使用它了。

2.下载至本地

iconfont下载至本地之后是一个zip文件，解压之后得到如下图文件夹：

其中包括如上文件，可以打开demo.html查看图标。

这里可以查看每个图标的信息，以及使用方法。

特别注意：推荐先使用在线引用，在项目要上线之前替换为本地文件。这样可以避免因图标项目经常变更，例如：增加、删除、修改等操作后，又要下载至本地去替换。

最后再啰嗦一下~

以上所说我都是简单地介绍，具体更详细、更花样的使用还需要你们自己去探索。

可能讲述的过程中有些啰嗦或者语言组织不是很好，请多见谅。

希望这篇文章能够帮助到你们，谢谢！