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

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

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

用的是 Font Class 的形式

请问是否有解决方案?

阅读 3k
2 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题