成为全球第一个支持彩色字体图标的生产管理平台
让我们一起探索吧，出发吧！
什么是彩色字体
彩色字体（字体或字体）是一种字体技术，允许在每个字形中使用多种颜色。 它不仅可以用于图标和表情符号的设计，还可以用于普通的文本字体。 如果你想了解更多彩色字体背后的故事，可以阅读我的连载文章《字体图标简史》。
2008年，苹果首次在3G中添加彩色表情符号（左）
颜色字体格式
目前支持彩色字体的格式主要有以下几种，它们都是规范的一部分：
公司/组织字体格式（表名）矢量位图渐变系统支持
万维网联盟
静止无功发生器
✅
✅
✅
macOS 10.14+、iOS 12+、10 周年更新
COLR
✅
❌
❌
macOS 10.13+、iOS 11+、8.1+
苹果
SBIX
❌
✅
✅
macOS 和 iOS
CBDT
❌
✅
✅
&
✅
❌
✅
仅 90.0.4421.5+
颜色字体图标
八年前，我在边锋网的分享《超越图标字体》中介绍了一些彩色字体图标技术。 既然规范中的彩色字体技术已经成熟，是时候回归初衷，支持真正的彩色字体图标了。
里面的图标都是矢量的，所以只有两种格式可用，OT-SVG 和 COLR。 我们来比较一下它们的优缺点：
OT-SVG
COLR
综上所述，我们选择了COLR格式，该格式文件更小，性能更快，兼容性更好（下面所有颜色字体均指不带渐变的COLR格式）。
浏览器中彩色字体的实际预览
使用彩色字体制作一个（示例）
彩色字体图标的优点
在 Noto Color Emoji 字体中：
连KaiOS都完美支持，继承了OS的衣钵，又怎样？ 从未听说过 KaiOS？ 这是印度第二大移动操作系统！
图片来源：作者
从此，你的PPT将高清、“无码”、如丝般顺滑。 无论尺寸多大，都不会模糊。
那么编码员呢？ 不用担心qq彩字下载，无论是编辑器还是命令行，只要系统支持彩色字体，就可以使用。
协同探索
我们正在与钉钉合作，将钉钉的表情符号从当前的PNG位图格式升级为彩色字体版本。 目前，钉钉有179个静态PNG表情包，转换为彩色字体格式后预计将减少到100-200KB左右。 图标越多，彩色字体的尺寸优势就越明显。
如何将钉钉表情转换为SVG并比较颜色字体。 打开多色图标库，选择几个喜欢的图标加入购物车。
单击右侧的购物车按钮可打开购物车叠加层。
2. 在购物车浮层中，单击“新建项目”按钮，输入项目名称，然后单击“确定”按钮。 这样，一个测试颜色字体图标工程就搭建完成了。
3、然后会自动跳转到新创建的项目，点击右上角的“项目设置”。
4. 勾选字体格式中的“颜色”选项，然后单击“保存”按钮。
5. 点击“尚无代码，点击此处生成”。 一段时间后，彩色字体的生成会稍微慢一些。
6.生成成功后，在线链接按钮后面会有一个“预览字体”菜单。 您可以打开它来测试实际彩色字体的效果。
未来
得益于良好的底层设计，以后一旦正式支持带渐变的格式，就能很快支持。
此外，借助可变字体技术，还可以实现图标粗细调整、动画等功能。
设计因无限的想象力而伟大，而技术则是想象力的翅膀。 让我们一起探索更多有趣的想法吧！
致谢
设计团队：@、@西游。
钉钉团队：@禾粉、@小DU。
文章点评：@成虎、@古西风。
