如何在Laravel Voyager中使用Font Awesome？

Laravel Voyager 完全支持使用Font Awesome图标库，默认内置了Font Awesome 4.7版本可直接使用，如需使用更高版本的FA图标，可按照下面的步骤自定义配置。

方法1：使用内置的Font Awesome 4.7 #

无需额外安装任何依赖，直接在需要自定义图标的位置（比如后台菜单图标、BREAD操作按钮图标、自定义视图内）填写对应4.7版本的fa fa-xxx格式类名即可调用。

提示：该方法仅支持Font Awesome 4.7版本提供的所有图标，高版本新增图标无法识别。

方法2：升级为高版本Font Awesome（以FA6为例） #

步骤1：获取Font Awesome资源 #

你可以任选一种方式获取资源：

• 本地安装：执行npm命令 npm install @fortawesome/fontawesome-free
• 手动引入：直接下载Font Awesome官方静态资源包，放到项目public/vendor目录下
• CDN引入：直接使用公开的Font Awesome CDN链接

步骤2：引入样式到Voyager #

修改项目config/voyager.php配置文件，找到additional_css配置项，添加Font Awesome的样式路径：

'additional_css' => [
    // 本地npm安装对应的路径示例
    '/vendor/fortawesome/fontawesome-free/css/all.min.css',
    // 手动放置静态资源就填你自己的存放路径，用CDN的话填CDN链接即可
],

步骤3：（可选）禁用默认旧版FA避免冲突 #

如果出现样式重叠异常，可以在同配置文件中找到include_font_awesome配置项，设置为false关闭默认自带的FA4.7资源：

'include_font_awesome' => false,

步骤4：刷新配置并测试 #

执行命令刷新配置缓存：php artisan config:cache
之后就可以在Voyager所有支持自定义图标的位置，使用对应高版本的FA类名即可，比如FA6的fa-solid fa-house、fa-brands fa-laravel等格式。

内容的提问来源于stack exchange，提问作者Ahmed Ibrahim