下载了 fontawesome-pro-5.7.2 但无法在我的 React 项目中使用它

Posted 2023-02-21

【中文标题】下载了 fontawesome-pro-5.7.2 但无法在我的 React 项目中使用它

【英文标题】：Downloaded fontawesome-pro-5.7.2 but unable to use it in my React Project

【发布时间】：2021-11-20 04:06:36

【问题描述】：

我已经下载了 fontawesome-pro-5.7.2。但我看到里面有各种文件夹。所以我真的很困惑如何在我的 React 项目中使用 Fontawesome 的专业图标。 So many folders!!! -_-

【参考方案1】：

将 CSS & web fonts 文件夹复制到你的 react 项目的公共文件夹中。然后在 index.html 文件中将以下行写入 head 标签。并且您将能够使用 font awesome pro 图标。

<link href="./css/all.css" rel="stylesheet">

【参考方案2】：

您必须为 fontawesome-pro-5.7.2 提供正确的路径

不要忘记在 index.html 中添加 font-awesome CSS：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

【讨论】：

maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/…">