欢迎光临
请一秒记住我们的网址:www.xinfans.com !

如何在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>
Font Awesome字体图标
免费下载提取码:
赞(14) 加关注
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:如何在wordpress主题网站使用Font Awesome字体图标
文章链接:https://www.xinfangs.com/756.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

请一秒记住我们的网址:www.xinfans.com !

去投稿去留言

扫码关注公众号

非常感谢,让我们一起创建更加美好的网络世界!

关注公众号

加微信

登录

找回密码

注册