在LWC上使用FontAwesome

Question

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

Answer 1

从字体门户上解压缩下载的文件，将以下突出显示的文件作为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>