打印 上一主题 下一主题

怎么样在Photoshop上直接使用FontAwesome图标?

[复制链接]
跳转到指定楼层
1#
Holmes 发表于 2015-11-10 14:23:05 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
文章资讯
分类: 理论知识

马上注册CG织梦网,结交更多CG好友,下载更多CG素材,让你轻松学习。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
  估计很多前端人员都知道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/
  Tips:如果觉得这个网址不好记,可以在设计导航的素材的图标栏目找到Font Awesome打开。
[/align
  选中你需要的图标,复制,如下图:

  STEP 3:
  在PS或AI上粘贴上去(文字输入状态下),这时你可能看到是这样的,别急,看下面。

  那是因为我们没有选择字体,把字体选择为Font Awesome就OK了,如下图:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文
在线客服(工作时间:9:00-22:00)
18916069001
织梦网微信公众号

Copyright   ©2015-2016  CG织梦网  Powered by©Discuz!  技术支持:织梦网