補充一下挑選Emoji字體的方式以及rule out某些字體的原因。
Survey階段的條件是:
- 至少支援到Emoji v15。
- 提供向量圖檔,字體更好,並且能夠有效支援各瀏覽器。
- Open Source。
- 有動畫版本方案(nice to have)
列出來之後選擇就不多了:
Noto Color Emoji
- ✅支援到Emoji v17
- ✅有向量字體
- ✅有動畫版本
- ❓風格看起來不是很舒適,那個超橢圓⋯⋯跟文字一起排列有嚴重不協調感
- ❌標準字體檔案(COLRv1)不支援Safari,SVG fallback非常肥
- ❌漸層設計不可能輸出COLRv0,Safari無法有效使用
OpenMoji
- ✅支援到Emoji v16
- ✅有向量字體
- ✅線條風格獨特,個人很喜歡
- ❌線條太粗了,配合文字大小排版線條會擠在一起
- ❌貓的emoji⋯⋯為什麼會有兩種風格⋯⋯
Fluent Emoji
- ✅支援到Emoji v16
- ✅有動畫版本
- ❓生物的臉都是方形的⋯⋯???
- ❌沒有國旗
- ❌漸層設計不可能輸出COLRv0,Safari無法有效使用
Twemoji
- ✅支援到Emoji v14,社群分支支援到Emoji v17
- ✅Discord的Emoji方案,目前除了原生字體外最廣為人知的設計
- ✅設計夠簡潔,跟文字共同排列不突兀
- ❓Mozilla的字體檔案停在v14,社群分支只有SVG跟PNG
- 💀版權被轉移到X身上之後一片混亂
- ☠️最活躍的分支(jdecked/twemoji)只提供JavaScript lib替換頁面上的Emoji
- 🫠只要自己下苦工就可以輸出COLRv0 & COLRv1兩種字體,只是很累
綜合考量之下選擇了很累但勉強可以提供支援的Twemoji🫠🫠🫠
研究一輪相關技術後也對之後設計Mosir自己的Emoji有一點點概念了,一點點🤏,實際的勞力還是要交給以後的自己。