欢迎来访
我们一直在努力

WordPress中使用Font Awesome图标

Font Awesome 是一种矢量图标,或者叫图标字体,矢量的好处是无限缩放不会失真,可以适应各种尺寸的屏幕,省掉了做很多图片的麻烦。如果你想在自己的 wordpress 主题中使用 Font Awesome,有两种方案可行。

方案一是插件方案,在强大的WordPress插件库中安装Font Awesome就行,这里就不作多介绍了。

方案二是代码方案:

1. 下载Font Awesome,网址:https://fontawesome.dashgame.com。将 font-asesome 文件夹直接解压到你主题的根目录下

2. 打开主题的 functions.PHP,添加如下代码

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' );

}

这段代码会引入 font awesome 主要的 css 文件,还会条件化加载修复 ie7 的 css 样式。

3. 下面就是使用了,使用的方式很多,官方推荐的方法是用 i 标签加 class 来添加,例如:

<i class="fa fa--plane"></i>飞机

赞(0) 打赏
未经允许不得转载:斯普林网络 » WordPress中使用Font Awesome图标

评论 抢沙发

因为专注,所以我们能走的更远

联系我们