font-awesome - 使用带有语义 UI 的 font awesome pro

Question

我刚购买了 FA-pro，我有一种方法可以使用它，但没有任何记录。
有什么方法可以将 Font Awesome pro 与 Semantic-ui 一起使用？ (我正在使用 SUI React，但我已经做了一个 Icon 包装器来直接使用 SUI)。

Answer 1

Semantic UI 为基本的 Font Awesome 编译了 CSS。这并不意味着您无法使用任何您想要的东西。然而，name语义 UI React 上的 Prop Icon组件只会帮助您验证自由集中的图标名称。

在这种情况下，您可能想要的方式只是将 Font Awesome 的 Pro 附带的所有样式都包含在您的项目中。您仍然可以使用 SUIR 的 Icon组件，但您可以使用 className 定义图标类 Prop 代替。

看看 Font Awesome 的 basic use文档。

一旦您在项目的构建过程中包含您的专业字体和 css(无论是什么)，那么您应该能够做到这一点:<Icon className='far fa-stroopwafel' />