OpenType-SVG (Adobe and Mozilla) – Supports vector shapes as well as bitmap imagesĪll these formats are part of OpenType specification.
#Urban fonts for mac android
CBDT (Google) – Bitmap-based with native support in Android.COLR (Microsoft) – Vector-based with Windows 8.1+ native support.SBIX (Apple) – Bitmap-based with native support in macOS and iOS.To summarize, we have four major color font formats: Color Font Formats You can find more technical details about all these font specifications on FontLab blog. All the major players including Apple, Microsoft, Google, Adobe and Mozilla developed different solutions to extend the OpenType font format to include color glyph information. OpenType is the most used font format on web and across different platforms (Windows & Mac). The article It All Started With Emoji on CSS-Tricks nicely explains how the rise in the popularity of emoji and their inclusion in Unicode led to the development of color font technologies. The emojis that we use on our smartphones and computers are shipped as color fonts. Evolution of Color Fonts: Emojis Twemoji: Open source emoji font by Twitter Color font technology has allowed designers to bring rich graphic features like color, gradients, and textures into a font file. On the other hand, color fonts, also known as chromatic fonts or multicolor fonts contain color information in addition to shape information. To add color, you need to do it manually. Most of the fonts that we are familiar with do not hold color information, they contain vector shapes that are by default rendered as black text. What are Color FontsĬolor fonts represent an evolutionary step for digital typography.
In this article, we will give you a brief overview of the evolution of color fonts, different color font formats available and you’ll also find a collection of free as well as premium color fonts that you can download and use in your projects.