大理高端网站建设|网站托管|极速建站|WordPress主题设计开发

Adobe photoshop设计时如何使用图标字体

2016-04-09 1204次

Adobe photoshop设计时如何使用图标字体
2014年萨龙龙都写了使用CSS3 @font-face打造个性化web字体字体设计软件FontCreator定制个性化的中文WEB字体这两篇文章,让我们在开发网页时使用图标更加高效,浏览效果更好。在Photoshop中设计网站页面时同样需要图标,很多时候使用的是psd文件的图标集,而网络上有很多优秀的字体图标库,萨龙网络使用的是fontello字体图标库,下面我们介绍下如何在Photoshop中如何使用字体图标。

Adobe photoshop使用图标字体

  • Fontello或其它字体图标网站中下载需要的图标字体
  • 把fontello.otf格式的文件添加到电脑字体文件夹中,路径:C:\Windows\Fonts
  • 打开Photoshop软件,如何已经打开,关闭再打开,然后创建一个空白的文档
  • 打开Fontello网站,选中图标并复制,在Photoshop中使用字体工具创建内容,粘贴复制的内容
  • 最后在字体窗口中选择fontello这个字体,图标将显示在Photoshop文件中

同样是字体,所以与普通的字体使用没有区别,只是不能直接输入,相当实用,相信你一定会喜欢。