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



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

这可以

通过在索引中导入材料设计图标字体来解决.html:

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

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

<i class="material-icons">close</i>

最新更新