[![Adobe photoshop设计时如何使用图标字体](https://pic.salongweb.com/2016/03/adobe-photoshop-icon-font.jpg)](https://pic.salongweb.com/2016/03/adobe-photoshop-icon-font.jpg "Adobe photoshop设计时如何使用图标字体")
2014年萨龙龙都写了[使用CSS3 @font-face打造个性化web字体](https://api.salongweb.com/font-face.html)和[字体设计软件FontCreator定制个性化的中文WEB字体](https://api.salongweb.com/fontcreator.html)这两篇文章，让我们在开发网页时使用图标更加高效，浏览效果更好。在Photoshop中设计网站页面时同样需要图标，很多时候使用的是psd文件的图标集，而网络上有很多优秀的字体图标库，萨龙网络使用的是fontello字体图标库，下面我们介绍下如何在Photoshop中如何使用字体图标。

### Adobe photoshop使用图标字体

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

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