如何在 laravel Voyager 中使用很棒的字体？

Posted 2023-03-29

【中文标题】如何在 laravel Voyager 中使用很棒的字体？

【英文标题】：How to use font awesome inside laravel Voyager?

【发布时间】：2022-01-07 00:43:45

【问题描述】：

可以在 laravel voyager 中使用 font awesome 吗？如果是这样，我该如何使用它？

【参考方案1】：

您可以通过将 config/voyager.php 中的 CSS 添加到 additional_css 中来做到这一点

使用 npm i @fortawesome/fontawesome-free --save-dev 安装 Font Awesome

创建 laravel 混合文件 resources\sass\font-awesome.scss 并在该混合文件中导入 fontawesome 文件

//Font Awesome

@import '~@fortawesome/fontawesome-free/scss/fontawesome';

@import '~@fortawesome/fontawesome-free/scss/solid';

@import '~@fortawesome/fontawesome-free/scss/regular';

@import '~@fortawesome/fontawesome-free/scss/brands';

在webpack.mix.js

mix.js('resources/js/app.js', 'public/js')

    .sass('resources/sass/app.scss', 'public/css')

    .sass('resources/sass/font-awesome.scss', 'public/css');

npm run dev 使用此命令为开发环境编译 css 文件

config\voyager.php

'additional_css' => [

    'css/font-awesome.css',

],

【讨论】：

可以，但是图标显示不正确

你得到了什么？

一种逗号

了解一下并更新您的问题