一、下载样式库
- 首先,我们需要下载 Font Awesome 的样式及图标库,可前往官网下载;
- 官方下载地址:https://fontawesome.com/download

二、上传至服务器
- 将下载下来的样式库文件解压并重新命名为
文章来源(Source):https://dqzboy.com fontawesome,然后上传到WordPress服务所在的目录下; - 例如我这里上传到了:
/opt/wordpress/wp-content/uploads/
三、主题引用样式
通用引用方式
- 现在需要在主
文章来源(Source):https://dqzboy.com 题的header.php文件里面引用样式库;代码如下:
<!-- 添加 font-awesome 图标 -->
<link href="/wp-content/uploads/fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->
<!-- END -->

向下兼容引用
说明:有的主题默认使用的是Font Awesome v4版本的图标样式,直接引用v6版本的样式会导致有些使用v4版本的图标样式无法显示,官方也提供了兼容性解决方案,操作如下:
<!-- 添加 font-awesome 图标 -->
<!-- 添加 v6 核心样式,然后选择您需要的单个样式,例如 Solid 和 Brands -->
<link href="/wp-content/uploads/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/brands.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/solid.css" rel="stylesheet" />
<!-- 下面5个为v6 Pro版本单独样式 -->
<link href="/wp-content/uploads/fontawesome/css/duotone.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/light.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/regular.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/sharp-solid.css" rel="stylesheet" />
<link href="/wp-content/uploads/fontawesome/css/thin.css" rel="stylesheet" />
<!-- 支持v4图标引用/语法 -->
<link href="/wp-content/uploads/fontawesome/css/v4-font-face.css" rel="stylesheet" />
<!-- END -->
四、免费付费版本区别



很不错,值得学习1
有没有pro6.4版本的嘞
更新了,自行获取
很不错,值得学习
很不错,值得学习
很不错,值得学习
写得认真,有空可以多看看