我们在网站建设的时候经常需要用到一些图标，以前的时候大家都是直接上传图片。但是现在越来越多的朋友自己建站的时候都开始使用Font Awesome，只要一段简单的代码就可以直接调用多达675个图标，既简洁又美观。而且Font Awesome完全开源免费，不需要java支持，直接CSS代码控制，具有良好的兼容性和扩展性。
Font Awesome是一款提供可缩放矢量图标,自定义大小、颜色、阴影以及任何可以用CSS的样式的象形文字语言，其最初是为Bootstrap而设计的，现在Font Awesome适用于所有框架。Font Awesome完美支持Retina Display（视网膜显示）屏幕，可以在电脑、手机、平板等设备上完美呈现。
通过设置CSS前缀fa和图标的具体名称，来把Font Awesome 图标放在任意位置。Font Awesome 被设计为用于行内元素，使用简短的标签，可以使它的语义更加精准。比如说你想要使用HOME图标，你可以直接使用代码：
- <i class="fa fa-home" aria-hidden="true"></i>Home
如果启用了Font Awesome 4 Menus插件，也可以在后台外观/菜单面板中对应的项目CSS选项下直接填写短代码 fa fa-home 。
具体方法：
1、WP后台–插件–安装插件页面搜索：Font Awesome 4 Menus，下载安装并启用。
2、WP后台—外观—菜单，进入菜单设置页面，选择并编辑一个菜单项，在CSS类中输入一个图标字体选择器名称，如图：
如果在编辑菜单项目面板中无CSS类，可以打开右上角的“显示选项”，在显示菜单高级属性中勾选“CSS类”。
Font Awesome图标查询网址：http://www.fontawesome.com.cn/faicons/
如果你觉得图标太小，可以看这里：
http://www.fontawesome.com.cn/icons-ui
点开一个认为合适的图标字体，在下面会显示类似：
- <i class="fa fa-home"></i>
只需在菜单CSS类中输入fa fa-home就可以了。
那然这个图标字体库并不只局限于使用在导航菜单上，只要把相应的图标代码加到主题模板的相应位置，也同样可以显示。
如果认为上面插件提供的图标字体不符合自己的要求，还可以自己做一套更加个性化的图标字体。
图标字体在线制作：https://icomoon.io/app/#/select
如果你想要使用一些效果，或者你想要调整显示图标的大小，可以使用如下代码：
- 设置图标相对于容器大小：fa-lg ，fa-2x ，fa-3x ，fa-4x ，fa-5x。。。。
- 设置图标在一个固定宽度内：fa-fw
- 设置列表类图标：fa-ul 和 fa-li
- 构造出引用的特殊效果：fa-border 和 fa-pull-right 或 fa-pull-left
- 设置图标旋转效果：fa-spin，fa-pulse
- 设置图标进行任意旋转和翻转：fa-rotate-* 和 fa-flip-*
- 将多个图标组合：使用fa-stack类作为父容器，fa-stack-1x作为正常比例的图标，fa-stack-2x作为大一些的图标。
掘金网建议新手小白们不用太纠结有关技术层面的东西，这些技术自己如果实在无力拿下的话，完全可以付费来给你搞定的，掘金网目前就提供这样的付费技术支持服务《去付费》，花钱不多可以买个保障和安全，有需要的可以联系掘金网。
