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>