reactjs - react Font Awesome 呈现大图标，直到缩小

Question

我正在使用带有 fontawesome 的 React 服务器端渲染和客户端渲染(水合物)，但是当页面渲染时，图标会很大，直到它缩小并将正确的大小类添加到图标或加载 css (我不知道)。

Answer 1

关闭 autoAddCss:

import { library, config } from '@fortawesome/fontawesome-svg-core'
config.autoAddCss = false

直接在SCSS文件中加载CSS:

@import 'node_modules/@fortawesome/fontawesome-svg-core/styles'