使用材質設計圖標字體代替svg圖標組件

Question

關於在next分支中重新實現material-ui，我注意到顯然使用圖標的首選方式是從包material-ui-icons中導入組件，其中有每個圖標一個組件。我更喜歡通過css類引用組件的常用方式，並且每個css類都應用相應的字體系列和字符代碼，a-la字體很棒。這樣可以更輕鬆地引用圖標，而無需爲每個圖標導入組件。這可能嗎？

Answer 1

這可以通過導入材料設計圖標中的index.html字體來解決：

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

然後圖標可以內呈現陣營JSX這樣的代碼：

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