【问题标题】:How to use font awesome inside laravel Voyager?如何在 laravel Voyager 中使用很棒的字体?
【发布时间】:2022-01-07 00:43:45
【问题描述】:

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

【问题讨论】:

    标签: laravel fonts font-awesome voyager


    【解决方案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',
    
    ],
    

    【讨论】:

    • 可以,但是图标显示不正确
    • 你得到了什么?
    • 一种逗号
    • 了解一下并更新您的问题
    猜你喜欢
    • 2019-10-14
    • 1970-01-01
    • 2019-02-05
    • 1970-01-01
    • 1970-01-01
    • 2018-04-09
    • 2020-07-28
    • 1970-01-01
    • 2016-02-13
    相关资源
    最近更新 更多