- #75
- #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
- #1
使用 Iconify 在網頁中加入各式各樣的圖示
要在網頁中使用任何種類的 Icon 強烈建議可以考慮使用 Iconify (開源)。
我自己公司原先是使用 FontAwesome,部落格則是自己找 Icon 開 Figma 切好且用 SVGO 去壓縮,不管哪種方式都超麻煩!還時常有找不到理想 Icon 的問題,直到專案架構升級無意間碰到 Nuxt icon 可以引入 Iconify 的資料集就愛上這個套件,現在想用哪款 Icon 就用,省了一堆麻煩問題。
今日部落格更新推出也是將所有文章換成用 Iconify:
- Inline SVG 直接砍掉近百個圖片請求
- 文章頁 170 kb -> 93 kb 就算不馬上用,到 Icônes 找找各式 Icon 也是挺方便的。