在 LWC 上使用 FontAwesome

【问题标题】：Use FontAwesome on LWC在 LWC 上使用 FontAwesome
【发布时间】：2021-08-27 21:54:43
【问题描述】：

我正在尝试将 fontawesome 图标放在我的 lwc 组件上。将压缩的 css 文件上传到静态资源中，并在 lwc 中引用了它，但没有运气让它工作。有什么建议吗？what is showing up instead of icon

【问题讨论】：

【解决方案1】：

从 fontawesome 门户解压缩下载的文件，将以下突出显示的文件作为 css 文件夹中的静态资源上传到您的 salesforce 实例

LWC JS：

import faCss from '@salesforce/resourceUrl/faCss';
import faCss1 from '@salesforce/resourceUrl/faCss1';

LWC HTML

<template>
    <div>
        <i class="fa fa-user"></i>
    </div>
</template>

【讨论】：