结合使用Font Awesome Pro和语义UI

时间:2018-07-23 15:24:07

标签: font-awesome semantic-ui semantic-ui-react

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

1 个答案:

答案 0 :(得分:3)

语义UI具有针对基本Font Awesome编译的CSS。但这并不意味着您会被阻止使用所需的任何东西。但是,语义UI React name组件上的Icon道具只会帮助您验证自由集中的图标名称。

在这种情况下,您可能要采用的方法只是在项目中包括Font Awesome's Pro套装随附的所有样式。您仍然可以使用SUIR的Icon组件,但是可以使用className道具来定义图标类。

看看Font Awesome的basic use文档。

在项目的构建过程中(无论是哪种情况)包含专业字体和CSS之后,您就应该能够这样做:<Icon className='far fa-stroopwafel' />