购物车的emoji(iconfont 支持全新的彩色字体图标)
iconfont 支持全新的彩色字体图标
一直以来，Web 中想要使用矢量的彩色图标只能通过 SVG 的方式，这极大地限制了用户的想象力。为了突破这一限制，我们不断探索和尝试，最终成功解决了各种难题。今天，我自豪地宣布，iconfont.cn 成为全球第一个支持彩色字体图标的生产管理平台。这一突破使得我们几百万的彩色图标可以无缝切换到新的彩色字体图标技术上，同时也带来了许多激动人心的新特性。让我们一起探索吧！什么是彩色字体？彩色字体（colors fonts 或 chromatic fonts）是一种字体技术，它允许在每个字形中使用多种颜色。这种技术不仅可以用在图标和表情符号的设计中，也可以用在普通的文本字体中。想要了解更多彩色字体背后的故事，可以看看我的连载文章《字体图标简史》。
目前支持彩色字体的格式主要有以下几种，它们都是 OpenType 规范的一部分。
iconfont 中的彩色字体图标：八年前，我在边锋网络的分享《超越 icon font》中就介绍了一些彩色字体图标的技术。现在 OpenType 规范中彩色字体技术已经趋于成熟，是时候回归初心，让 iconfont 支持真正的多彩字体图标了。
iconfont 中的图标都是矢量的，所以只有两种格式可选，OT-SVG 和 COLR。让我们对比一下它们的优缺点：
OT-SVG
COLR
综上，我们选择了文件体积更小、性能更快、兼容性更好的 COLR 格式（以下所有彩色字体均指不带渐变的 COLR 格式）。
彩色字体图标的优势：在 Google 的 Noto Color Emoji 字体中，甚至在继承了 Firefox OS 衣钵的 KaiOS 中也完美支持。什么？没听说过 KaiOS？这可是印度第二大移动操作系统！从此，你的 PPT 高清「无码」，纵享丝般顺滑，放的再大也不会模糊。码农们不用担心，无论是编辑器，还是命令行，只要系统支持了彩色字体，都可以使用。
合作探索：我们正在与钉钉合作，让钉钉的表情包由现在的 PNG 位图格式升级到彩色字体版本。当前钉钉有 179 个静态的 PNG 表情包，预计转换为彩色字体格式后可以减小到 100 - 200KB 左右，图标越多，彩色字体的体积优势会越明显。
如何使用：1. 在购物车浮层中，点击新建项目按钮，输入项目名称，然后点击确定按钮。这样一个测试的彩色字体图标项目就建好了。2. 然后会自动跳转到新建的项目，点击右上角的「项目设置」。3. 勾选字体格式中的「彩色」选项，点击「保存」按钮。4. 点击「暂无代码，点此生成」，稍后片刻，彩色字体生成会稍慢。5. 生成成功后，在线链接按钮后面会多一个「预览字体」菜单，打开即可测试实际彩色字体的效果啦。
未来：得益于良好的底层设计，未来一旦 Chrome 正式支持了带有渐变的 COLRv1 格式，iconfont 可以很快地支持它。另外，配合可变字体技术，还可以实现图标粗细调节、动画等特性。
设计因无限的想象力而伟大，而技术就是想象力翅膀，让我们一起来探索更多有趣的创意！
致谢：设计团队：@鑫妍、@熙柚。钉钉团队：@禾粉、@晓毒。文章审阅：@承虎、@古西风。
浏览器显示不出图片
现在很多网站开始使用unicode符号来代替以前的图片符号，类似各种emoji表情等等。这种符号需要字体支持，如果你在火狐中强制启用了某种字体，这些符号就显示错误了
在火狐 选项 内容 字体和颜色 的高级 中 勾选上 允许页面选择显示字体而无需使用上面的设置。最后确认 重启火狐就行了。
emoji是什么意思
Emoji （絵文字，词义来自日语えもじ，e-moji，moji在日语中的含义是字符）是一套起源于日本的12x12像素表情符号，由栗田穣崇(Shigetaka Kurit)创作，最早在日本网络及手机用户中流行，自苹果公司发布的iOS 5输入法中加入了emoji后，这种表情符号开始席卷全球，目前emoji已被大多数现代计算机系统所兼容的Unicode编码采纳，普遍应用于各种手机短信和社交网络中。近期，更是有不少网友用emoji图案玩猜字游戏，享受这种表情文化带来的乐趣。
关于emoji的发音：很多人第一眼见到emoji便会下意识将其误读作“一磨叽”，其实不然，emoji音译过来大概读作“诶磨叽”，当中“e”的发音颇似字母abc的a的发音。
emoji就是表情符号，来自日语词汇“絵文字”（假名为“えもじ”，读音即emoji）