具有响应的字体真棒5.13.0

Question

我正在尝试在react.js应用程序中使用Font-Awesome 5.13.0，有没有办法使用这样的图标：

<i className="fas fa-tachometer-alt fa-fw "></i>

而不是使用“官方反应方式”：

import { faHome } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

<FontAwesomeIcon icon={faHome} />

提前感谢。

Answer 1

您可以像https://www.bootstrapcdn.com/fontawesome/一样从CDN热链接CSS（记住要配置CSP）

另一个选项是从节点模块导入Font Awesome css

import '../node_modules/@fortawesome/fontawesome-free/css/all.css';

您需要配置您的构建工具来像Webpack一样加载sass / css文件

{
    test: /\.(sass|scss|css)$/,
    use: ['style-loader','css-loader','sass-loader']
},

您需要配置您的构建工具来像Webpack一样加载字体文件

{
    test: /\.(svg|eot|woff|woff2|ttf)$/,
    use: ['file-loader']
}