关于 阿里矢量图库下载图标字体不能多种颜色问题

Question

在阿里矢量图库 收集了这个 图标

但是我实际引用到项目中颜色却变成了同一种颜色

用的是 Font Class 的形式

请问是否有解决方案?

Answer 1

Font 不支持多色，SVG 才可以。

Font 和 SVG 图标还有哪些区别，我在另一篇回答（点此传送）里具体讲过。

或者你可以期待一下 COLRv1 这种矢量字体格式的普及（正如当年期待 WebP 图片的推广一样），这种字体格式是支持多色的，目前 Chrome 98 已开启实验性支持。

Answer 2

用 SVG 的方式，也就是 Symbol 方案。