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']
}

字体超赞的5.13.0 with react

1 个答案: