Feather 羽量級Icon Font | 前端

 

最近工作上學到一些小東西覺得還蠻實用的，又怕之後忘記，所以老樣子，寫起來XDDD

這次介紹的是Feather，他一套羽量級級的Icon Font，比起主流的fontawesome來說，精簡了許多，只有留下兩百多個較常用的Icon

使用方式也蠻簡單的，雖然官網寫的有點多，但大概就是分三步驟

STEP 1. 安裝  

看是安裝或是使用CDN方式都可，我是使用CDN，官方提供兩個，擇一即可～

<script src="https://unpkg.com/feather-icons"></script>

<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>

STEP 2. 加上JS 

以下這段要記得貼

<script> feather.replace()</script> 

STEP 3. 選Icon

ICON的預設HTML格式為

<i data-feather="circle"></i>

只要將circle替換成要使用的Icon名就可以

Icon在首頁就有完整列表可以使用，不過設計有點怪，點到名字都變下載SVG，有點不方便XD

Feather在使用上是真的蠻簡單好用的，如果網站需求不大，可以考慮使用看看！～