FonrtAwesome使用

FortAwesome是个图标字体，有很多常用图标，而且，现在啥QQ，微信的图标也有了，在网站上很好用。比起之前用图片做的图标总是遇到和文字无法对齐，用FortAwesome对齐就很方便。

下载地址：https://github.com/FortAwesome/Font-Awesome

主页：http://fortawesome.github.io/Font-Awesome/

引入：

将下载下来的文件解压，拷贝css和font目录到网页目录，引用font-awesome.min.css文件即可。





使用的时候，先到图标列表页面，地址：http://fortawesome.github.io/Font-Awesome/icons/



找到想要的图标，根据图标名字输入i标签和样式名即可。点击图标进入也可以直接拷贝代码。

<i class="fa fa-codiepie"></i>

更多使用说明在：http://fortawesome.github.io/Font-Awesome/examples/

以上是在网页上使用的方法。在Photoshop上使用的方法如下：

导入下载的字体



打开图标页面：http://fortawesome.github.io/Font-Awesome/cheatsheet/



选中要用的图标，然后复制



在photoshop里输入文字，内容直接粘贴刚才复制的内容，将字体选为FortAwesome即可。



这个方法也适用于其他一些工具。比如unity3D。