如何在wordpress主题网站使用Font Awesome字体图标

Font Awesome 是互联网上最受欢迎的图标集。您可以访问可以使用 css 自定义的高质量矢量图像。最重要的是，Font Awesome 提供了一个免费版本，其中包含 1,600 多个免费图标供您使用。在 WordPress 中设置和使用 Font Awesome 很容易。在本文中，我们将介绍在 WordPress 中启动和运行 Font Awesome 所需的所有步骤。

最新的4.7.0版，收录了675个图标…如果你觉得本页图标太小...这里来看看。 如果你是名设计师，并且需要在Photoshop或Illustrator等其他桌面应用中使用，请访问 Font Awesome 矢量版.
这里有两个办法可以实现，一个是直接用插件，一个是用代码。

第一、插件实现

我们可以直接搜索Font Awesome Icons插件安装激活。然后根据需要进行添加到内容、导航中都可以。

第二、代码实现：

1，首先我们要通过官方下载到 fontawesome 文件包，将 font-asesome 文件夹直接解压到你主题的根目录下

2. 打开主题的 functions.php，添加如下代码：

// 代码实现 xinfangs.com
add_action( 'wp_enqueue_scripts', 'load_fontawesome_styles' );
function load_fontawesome_styles(){
    global $wp_styles;
    wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/font-awesome/css/font-awesome.min.css' );
    wp_enqueue_style( 'font-awesome-ie7', get_template_directory_uri() . '/font-awesome/css/font-awesome-ie7.min.css' );
    $wp_styles->add_data( 'font-awesome-ie7', 'conditional', 'lte IE 7' );
}

3. 大功告成，下面就是使用了，官方推荐的方法是用i标签加class来添加，例如:

<i class="fa fa-refresh fa-spin"></i>