font-awesome and less : 图标类无法识别

Posted 2023-02-22

【中文标题】font-awesome and less : 图标类无法识别

【英文标题】：font-awesome and less : icon classes unreconized

【发布时间】：2014-10-18 19:40:15

【问题描述】：

我有一个 main.less 文件，我正在尝试使用字体很棒的类进行编译。

我的less文件很简单：

@import "../bower_components/bootstrap/less/bootstrap.less";
@import "../bower_components/fontawesome/less/font-awesome.less";

.button 
    .btn;
    .btn-sm;
    .btn-primary;
    span 
        .fa;
        .fa-folder-open;
    

我使用 grunt-contrib-less 提供的 less 编译器。

输出是：

>> NameError: .fa-folder-open is undefined in less/main.less on line 10, column 3:
>> 9           .fa;
>> 10          .fa-folder-open;
>> 11      
Warning: Error compiling less/main.less Use --force to continue.

Aborted due to warnings

低版本：1.7.4 Grunt-contrib-less 版本：0.11.4 字体很棒的版本：4.1.0

问题出在哪里？

【问题讨论】：

见***.com/a/21179627（注意关于:before的评论）。另见***.com/a/20707100。

【参考方案1】：

我找到的唯一解决方案是修改Font-awesome 的less 文件icons.less。 我换了

.@fa-css-prefix-home:before  content: @fa-var-home; 

与

.@fa-css-prefix-home  &:before  content: @fa-var-home;  

【讨论】：

我被困在 npm font-awesome (4.7) 包上并且遇到了完全相同的问题。有谁知道对此有任何真正的修复？这个答案的主要问题是我必须修改当然不会翻译给下一个开发人员或将更改的文件包含在存储库中的包，从而破坏了使用 npm 的意义。

好的，在这里找到了真正的解决方案：github.com/FortAwesome/Font-Awesome/issues/…