UI设计福利！如何在PS上直接使用FontAwesome图标？

估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标，只要在CSS引入这个字体icon，它就可以直接通过class来生成一个图标，而且免费使用。目前图标数量已经更新至585个之多，包含常用的APP UI应用图标、品牌图标等。今天教大家如何将FontAwesome直接在Photoshop或AI上使用，这样日后做UI设计也方便多了，下面我们说说方法。

STEP 1：下载Fontawesome字体

官方下载地址：http://fortawesome.github.io/Font-Awesome

下载后，将TTF文件安装到系统的字体目录。

STEP 2：在PS或AI上使用Font Awesome图标字体

打开Cheatsheet页面：fortawesome.github.io/Font-Awesome/cheatsheet/

选中你需要的图标，复制，如下图：

STEP 3：

在PS或AI上粘贴上去（文字输入状态下），这时你可能看到是这样的，别急，看下面。

那是因为我们没有选择字体，把字体选择为Font Awesome就OK了，如下图：

好了，如果还有不懂的请在本文下方留言。

另附PS一次性删除所有隐藏图层和空白无内容图层方法

删除所有隐藏图标

点击图层面板右上角展开菜单，选择【删除隐藏图层】，这样软件会自动删除所有的隐藏的图层了。

删除所有空白图层

点击【文件】菜单，选择【脚本 – 删除所有空图层】，这样软件就会删除所有空白、无内容的图层啦

以上方法很简单，特别对于大文件处理，还是很有帮助的。

【优设教程人气榜】

 转发量2000+的GTA 5风格教程！
《请收下我的膝盖！教你四步把真人照片处理成GTA 5的风格》

超写实的钢笔拟物图标教程！
《PS教程！30分钟拟物图标速成记之自动铅笔篇》

很有时代感的黑板字教程！
《PS教程！手把手教你绘制效果逼真的黑板粉笔字》

原文地址：shejidaren

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量100万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com