如何使用Google的圖示字體( icon fonts)在Codepen上?

Material Icons使用在Codepen的方法:

☝️首先在codepen的html設定
要載入下列這個 CSS：

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

✌️使用的 icon 每個都要加上 material-icons 這個 class
要outlined效果就再加上material-icons-outlined

像是：

<span class="material-icons material-icons-outlined">
auto_awesome
</span>

就完成了！

💡其他類型 icon 的 CSS 可以參考這個 連結 的 README，依照類型在html設定加入需要的link href跟在對應的span 上加入class

💡其他顏色大小等設定可以參考：https://developers.google.com/fonts/docs/material_icons/#icon_font_for_the_web