OpenType-SVG 是一种字体格式,其中 OpenType 字体的所有或部分字形都以 SVG(可缩放矢量图形)图形表示。这允许在单个字形中显示多种颜色和渐变。由于这些特性,我们也称 OpenType-SVG 字体为“彩色字体”。
迄今为止的支持情况: Firefox 26+,Edge 38+
但好消息是,它与渐进增强友好。 Typekit 宣布页面
在不支持彩色字体的浏览器中,它们将回退到普通的单色字形。
因此,它们现在可以使用了。它打开了如此有趣的门,我相信会有很多字体出现,并利用它。我也认为不支持的浏览器将希望加入这个欢乐列车。


显然,彩色位图字体也有未来.
嘿,Chris,
我可以看到一些“Webdings 彩色字体”很快就会出现。我赌 20 英镑。
此致,
Mic
感谢 Chris 指出彩色位图字体!;
这对所有梦想制作显示原始手工、书法或纹理形式字体的字母爱好者来说是重磅消息。
而且所有 Photoshop CC 2017 用户现在可以使用我们的 Fontself Maker 附加组件创建和使用自己的彩色位图字体:https://learn.fontself.com/create-your-first-color-font-step-by-step-270ced3f0745
(@Mic Sumner:2017 年对于彩色网页字体来说将是疯狂的一年,毫无疑问!)
这太棒了,但是你在最后一个截图中使用的是哪个 Firefox 主题?
我必须知道这个答案。为了科学!
从外观上看,我认为是 Firefox Developer Edition :)
我正在想象很多公司使用他们自己的彩色字体构建的自定义表情符号集…
实际上还没有那么多… 由于缺乏标准格式,跨操作系统和浏览器的彩色字体支持一直受到很大限制。因此,许多公司仍然依赖于图像集来实现跨平台表情符号。
但在 2016 年初,大多数主要参与者都围绕 OpenType SVG 格式达成一致,该格式现在得到了渐进式支持(Firefox、Edge 和现在的 Photoshop)。
虽然我们可以预料过渡期,在这期间我们需要使用多种彩色字体格式,但它应该(希望)最终会逐渐融合……(还记得网页字体的早期阶段,你需要那么多字体类型吗?;)
这是一个重大消息。然而,我认为我们不再能够通过 CSS 样式化字体颜色了。这不会引入分布式字体集不匹配你的设计的限制吗?现在怎么办?我们都必须为每个项目创建自己的自定义彩色字体。太好了!