将 font Awesome Pro 与语义 UI 结合使用

Nev*_*sis 5 font-awesome semantic-ui semantic-ui-react

我刚刚购买了 FA-pro,并且我有一种使用它的方法,但没有任何记录。有什么方法可以将 Font Awesome pro 与语义 UI 一起使用吗?(我正在使用 SUI React,但我已经做了一个 Icon 包装器来直接使用 SUI)。

bri*_*osa 4

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

在这种情况下,您可能想要的方法只是将 Font Awesome 专业版附带的所有样式包含在您的项目中。您仍然可以使用 SUIR 的Icon组件,但您可以使用 prop 来定义图标类className

查看 Font Awesome 的基本使用文档。

一旦您在项目的构建过程中包含专业字体和 css(无论是什么),那么您应该能够执行以下操作:<Icon className='far fa-stroopwafel' />