This page demonstrates new color font technology. For the progressively enhanced color font experience, try a browser that supports the technology, like Firefox or Microsoft Edge (version 38 or later).
ℹ︎ Introducing color fonts
Adobe’s new color fonts use an innovative font technology that allows built-in SVG (Scalable Vector Graphics) to enhance the way the fonts appear. This new standard allows color information to be stored inside a font and could change the way people interact with type.
You can use fonts anywhere, just like the fonts you’re used to on your computer or website — but since color fonts are so new, we’re still in the early days of realizing their potential. If you’re a font developer, this is a great time to jump in — please join us!
We’re excited to highlight this technology and share these fonts with you since there’s a lot more to learn about how they can be used. In the following articles we’ll dive a little more into the new technology and the development process for Trajan Color Concept and EmojiOne Color.
EmojiOne Color is an open source color font built by Adobe from the EmojiOne artwork designed by Denis Denz and produced by Rick Moby. The font contains all of the emoji in Unicode 9.0 and includes support for ZWJ, skin tone diversity, and country flag emoji.
Browser support for color fonts is still evolving, but exists in Firefox and Microsoft Edge (IE), and we expect more browser manufacturers will adopt the format before long. In browsers that lack color font support, they will fall back to regular monochrome glyphs. For more info, check the following links:
ChromaCheck — a script to detect color font support in browsers
Using color fonts in desktop programs
Color fonts like Trajan Color Concept and EmojiOne Color will appear just like typical fonts in your programs’ font menus — but they may not display their full potential, since many programs don’t yet have full support for the color components.
When an application lacks color font support, you’ll see the plain black version of the glyphs as a fallback. (If it sounds to you like this makes them challenging to use, you’d be right — which is one reason why Trajan Color is still considered a concept font.)
We’ve put together a few of our trusted resources for working with color fonts in our Help documentation. If you don’t see what you need over there, reach out to us directly at firstname.lastname@example.org and let us know what you’re working on. We’ll be more than happy to help you out.
🛠 Make color fonts
If you’re a font developer, you’re in great company! We’ve put together recommended resources for you on a Help page. You’re welcome to email us at email@example.com, too — whether you have a question about how to set up the SVG table, or if you want to ask about adding your fonts to the Typekit library.