如何在PS上使用Font Awesome字体

How to Use Font Awesome in Adobe Photoshop

Font Awesome是一款非常流行和免费的图标字体。图标字体是非常适合用在网页设计中,因为它们可以用作图标显示在屏幕上,同时由于是用字体的,可以缩放和渲染,是一个非常高效的解决方案。

如果你还不知道这种新技术,可以查看维基了解更多详情。 Webdings. (Whoa, that was a blast from the past. Moving on…)。

在这里我们分享一下如何在线上,或者线下,例如psd上使用Font Awesome。

  1. 首先关闭现在正在使用的photoshop。
  2. 下载Font Awesome OTF格式的字体。把他保存在本地上。
  3. 在你的电脑上安装这个.otf的字体,删除掉刚才保存的字体。
  4. 打开你的photoshop,然后创建一个空白的文档。使用这个font awesome的字体格式。
  5. 打开这个网站上的图标,复制上面的图标(注意要复制它的内容,然后粘贴到你的ps里面)
  6. 像修改其他字体那样修改它的大小和颜色吧。你会喜欢上它的。

亲,你是在搜索怎么在你的web前端开发项目中使用Font Awesome吗?请看这篇文章:如何使用Font Awesome字体图标

原创文章:如何在PS上使用Font Awesome字体 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/693.html)

发表评论

请登录后发表评论:

“如何在PS上使用Font Awesome字体”有5个评论

  1. xyy

    你好,博主 请问为什么我安装了字体,也把类似这样的代码放到PS去了还是没有反应啊? 我说下我的步骤
    1.安装Font Awesome字体
    2.重启PS
    3.使用T 字体工具
    4.选项栏选择Font Awesome字体
    5.然后粘贴代码
    现象:确认后,发现还是显示这样的代码文字,也不显示图标出来,而且字体又变成了宋体了.
    请教博主,具体如何正确操作?

    登录回复
    • 前端博客

      1.那个字体下载之后要安装到c盘里面的字体库的,你安装正确了吗?
      2.复制代码是复制那个图标代码的icon,不是CSS Class和 Unicode代码哦。

      登录回复
      • xyy

        多谢博主! 我的问题是因为我没有复制图标,而是复制CSS Class或者Unicode代码了! 看到这条评论的童鞋也注意了! 正确操作是:
        1.安装Font Awesome字体
        2.重启PS
        3.使用T 字体工具
        4.选项栏选择Font Awesome字体
        5.在这个网址上 http://fortawesome.github.io/Font-Awesome/cheatsheet/ 复制图标,然后粘贴到PS里面去! 亲:注意一定是要复制图标,不要复制图标后面的类似这样的代码 fa-github-square ()!

        登录回复
  2. yehq

    请问为什么我装了字体后,在ps里写某个图标的代码后,fa字体自动变成了adobe黑体。。请指教为什么~多谢

    登录回复
    • 前端博客

      字体是什么,可以自己选的嘛。你复制了那个图标的文字到ps上,然后选择这个fa字体格式就可以了。fa字体好像自己写不了,要复制它那个网站上的内容才行哦。希望能帮到你。

      登录回复