使用材质设计图标字体而不是svg图标组件

时间:2017-06-19 15:35:28

标签: reactjs material-design material-ui

关于在next分支中重新实现material-ui,我注意到显然使用图标的首选方法是从包material-ui-icons导入组件,其中有一个组件每个图标。我更喜欢通过css类引用组件的常用方法,每个css类都应用适当的字体系列和字符代码,a-la font awesome。这使得例如更容易引用图标而无需为每个图标导入组件。这有可能吗?

1 个答案:

答案 0 :(得分:1)

这可以通过在index.html中导入材质设计图标字体来解决:

std::string

然后可以在React jsx代码中呈现图标,如下所示:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">