首页 > wordpress插件 > 怎样在wordpress使用Font Awesome字体图标
摘要:Font Awesome是一款矢量的图标或可以称为字体图标,他的所有属性都可以通过CSS进行设定,包括:大小、颜色、阴影...

Font Awesome是一款矢量的图标或可以称为字体图标,他的所有属性都可以通过CSS进行设定,包括:大小、颜色、阴影或者其它任何支持的效果。不旦有效解决了图像加载慢的问题,而且好提供了超过5000+的图标方案。

在wordpress使用到fantawesome字体图标的方式有两种。第一种呢,通过wordpress插件安装好fontawesome字体图标插件,就可以直接使用了,第二种方法就是把字体图标的文章载入到我们的wordpress主题中来,合二为一。

安装插件在wordpress插件中搜索Font Awesome 默认选择安装即可
Font Awesome Icons是一款短小精悍的插件,功能只有两个:
一、将Font Awesome的css和字体文件集成到WordPress
二、提供调用图标的shortcode

下面是关于Font Awesome代码集成的方法
关于集成也有两种方案一种是调用第三方的CDN不用占用我们自己的物理空间,直接调用第三方,方便+方便的选择。
第二种是下载官方的文件包到我们的本地然后添加到主题包内,进行手动的集成。

最简单的方式:BootstrapCDN (由MaxCDN提供)

将以下代码粘贴到网页HTML代码的 部分.

当新版本发布时,BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 🙂

首先我们要通过官方下载到fontawesome文件包
将font-asesome文件夹直接解压到你主题的根目录下
2. 打开主题的functions.php,添加如下代码

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

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

分享到:
赞(2) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫