使用Semantic-UI和Font Awesome Pro

Question

我刚刚购买了FA-pro，我发现Semantic没有提供使用方法的文档。有没有办法在Semantic-UI中使用Font Awesome Pro？（我正在使用SUI React，但我已经创建了一个图标包装器来直接使用SUI）。

- Nevosis

Answer 1

Semantic UI编译了基本的Font Awesome CSS。这并不意味着你不能使用其他内容。然而，Semantic UI React的Icon组件上的name属性只能帮助你验证免费集合中的图标名称。

在这种情况下，你可能想要做的就是将Font Awesome Pro套装中提供的所有样式都包含在你的项目中。你仍然可以使用SUIR的Icon组件，但你需要使用className属性来定义你的图标类。

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

一旦你在项目的构建过程中包含了pro字体和CSS，那么你应该能够这样做：<Icon className='far fa-stroopwafel' />

- brianespinosa

---

我尝试过只做这个，但似乎对我没有用。我按照这个安装方法进行操作，并将all.js脚本元素添加到我的HTML头文件中，但仍然没有成功。 - ryanjdillon

Answer 2

我没有使用 Font Awesome 的专业版，但通常我会这样做

<Label size='medium' color='green'><FontAwesomeIcon icon='dragon'/>   Powerful for gaming</Label>

这将创建

- Aldo aldo