在我的例子中，我只是复制

<i class="fa-solid fa-tags"></i> //provided by font awesome

对于现有的前端模板，包括一些其他图标从字体真棒，但这没有工作，所以通过添加'fas'类，它工作;

<i class="fas fa-solid fa-tags"></i> //working

这么多答案，所以我添加了我的工作为我(更改名称，如果你不使用PRO): 在_typography.less

//
//  Common
//  _____________________________________________

& when (@media-common = true) {
  .lib-font-face(
    @family-name: @font-family-name__fontawsomeregular,
    @font-path: '@{baseDir}fonts/webfonts/fa-regular-400',
    @font-weight: 400,
    @font-style: normal
  );
  .lib-font-face(
    @family-name: @font-family-name__fontawsomelight,
    @font-path: '@{baseDir}fonts/webfonts/fa-light-300',
    @font-weight: 300,
    @font-style: normal
   );
  .lib-font-face(
    @family-name: @font-family-name__fontawsomebrands,
    @font-path: '@{baseDir}fonts/webfonts/fa-brands-400',
    @font-weight: normal,
    @font-style: normal
  );
  .lib-font-face(
    @family-name: @font-family-name__fontawsomesolid,
    @font-path: '@{baseDir}fonts/webfonts/fa-solid-900',
    @font-weight: 900,
    @font-style: normal
  );
}

在_theme.less

@import '../includes/fontawesome/fontawesome.less';
@fa-font-path: '@{baseDir}fonts/webfonts';

//  Fonts
@font-family-name__fontawsomeregular: 'Font Awesome 5 Pro';
@font-family-name__fontawsomelight: 'Font Awesome 5 Pro';
@font-family-name__fontawsomebrands: 'Font Awesome 5 Brands';
@font-family-name__fontawsomesolid: 'Font Awesome 5 Pro';

用法示例:

 .my-newclass:before{
     content: '\f002';
     display: inline-block;
     float: left;
     font-family:  @font-family-name__fontawsomelight;
     font-size: 16px;
}

在新的3.0版本中，这应该简单得多。最简单的方法是指向引导CDN: http://www.bootstrapcdn.com/?v=01042013155511#tab_fontawesome

粗细:900;

我在Font Awesome 5上遇到了不同的问题。 对于fontaweesome图标，默认的字体重量应该是900，但对于span和I标签，我将其重写为400。 当我纠正它的时候，它就起作用了。

这是他们Github页面上的问题参考，https://github.com/FortAwesome/Font-Awesome/issues/11946

根据文档(步骤3)，您需要修改提供的CSS文件以指向站点上的字体位置。

如果你正在使用Maven和Apache Wicket，也要检查以下内容，以尝试解决字体很棒和图标未加载的问题:

例如，如果您已将文件放在以下文件结构中

/src
 /main
  /java
   /your
    /package
     /css
      font-awesome.css
     /font
      fontawesome-webfont.eot
      fontawesome-webfont.svg
      fontawesome-webfont.svgz
      fontawesome-webfont.ttf
      fontawesome-webfont.woff

检查1)您是否正确使用包资源保护，以允许正确加载字体文件?

从你的类扩展WebApplication的例子:

@Override
public void init() {
    super.init();   
    get().getResourceSettings().setPackageResourceGuard(new PackageResourceGuard());

}

检查2)在确保所有字体都正确地传输到Web浏览器后，检查实际传输到Web浏览器的内容，即字体文件的完整性是否发生了变化?比较源目录中的文件和传输到Web浏览器的文件，例如，使用Firefox和DiffDog的Web开发工具栏(用于文件比较)。

特别是如果您正在使用Maven，请注意资源过滤。不要过滤包含/font文件的文件夹-否则它们将被损坏。

来自pom.xml的示例

<build>
    <finalName>Your project</finalName>
    <resources>
        <resource>
            <filtering>true</filtering>
            <directory>src/main/resources</directory>
        </resource>
        <resource>
            <filtering>false</filtering>
            <directory>src/main/java</directory>
            <includes>
                <include>**</include>
            </includes>
            <excludes>
                <exclude>**/*.java</exclude>
            </excludes>
        </resource>
    </resources>
</build>

在上面的例子中，我们没有过滤src/main/java文件夹，其中包含css和字体文件。

有关二进制数据过滤的更多信息，请参阅文档:

http://maven.apache.org/plugins/maven-resources-plugin/examples/filter.html

文档特别警告说:“警告:不要用 像图像一样的二进制内容!这很可能导致输出损坏。 如果您同时拥有文本文件和二进制文件作为资源，则需要 声明两个互斥的资源集。第一个资源集 属性定义要筛选的文件，其他资源集定义 要原封不动地复制文件……”