React 工具箱图标显示为替代文本

React Toolbox icon displays as alternate text

我正在尝试使用带图标的按钮。

<Button icon="add" floating accent mini />

我尝试在不同的组件中使用图标。什么都没有解决。

<FontIcon value='add' />

以上代码也呈现为文本。

import {Button, IconButton} from 'react-toolbox/lib/button';

<IconButton icon="add" floating accent mini />

这里有一个完整的参考：http://react-toolbox.com/#/components/button

React Toolbox 假定您正在导入 Roboto 字体和 Material 设计图标。

为了为您导入字体，我们需要将它们包含在 CSS 中，这被认为是一种不好的做法。如果您没有将它们包含在您的应用程序中，请转到链接的网站并按照说明进行操作。

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Roboto:400,500,700" />