WordPress引入 Font Awesome 6版本的图标

Font Awesome 6.x-web Pro

价格：8^积分

• VIP会员购买价格 : 4 积分
• 终身VIP购买价格 : 免费

版本	Pro 6.4\6.5
格式	ZIP
最近更新	2024年05月31日

Previous Next

登录购买

解压密码

• 首先，我们需要下载 Font Awesome 的样式及图标库，可前往官网下载；
• 官方下载地址：https://fontawesome.com/download

• 将下载下来的样式库文件解压并重新命名为文章来源(Source)：https://dqzboy.comfontawesome，然后上传到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 图标 -->
<!-- 添加 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 -->