javascript - 在 LWC 上使用 FontAwesome

Question

我正在尝试将 fontawesome 图标放在我的 lwc 组件上。将压缩的 css 文件上传到静态资源中，并在 lwc 中引用了它，但没有运气让它工作。有什么建议么？显示的是什么而不是图标

标签： javascriptcssiconsfont-awesomelwc

Answer 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>