To apps and the operating system, text rendered in a color font is the same as any other text: It can be copied and pasted, parsed by accessibility tools and so on.Ĭolor fonts are a better alternative to raster graphics for rich text scenarios like website headers or document section titles. Color fonts offer a way to implement rich text effects with the simplicity and functionality of regular fonts. They excel at that task, but they are useful for other scenarios as well. Now that you know what color fonts are, let’s talk about how they can be useful.Ĭolor fonts were originally designed to enable multicolored emoji in text communication scenarios. Below, you can see an example of a glyph from Segoe UI Emoji rendered in monochrome (left) and in color (right). One color font you may be familiar with is Segoe UI Emoji-the default font used in Windows to display emoji. In those situations, color fonts are rendered as normal monochromatic fonts. Color fonts typically include fallback information for platforms that do not support color fonts or for scenarios in which color functionality has been disabled. Some approaches even allow fonts to include multiple color palettes, giving the font artistic flexibility. At draw time, a text renderer fills the glyph shape using a single color (the “font color”) specified by the app or document being rendered.Ĭolor fonts, on the other hand, contain color information in addition to shape information. These fonts define only the shape of the glyphs they contain, either with vector outlines or monochromatic bitmaps. Most fonts for reading and writing-the fonts you are probably most familiar with-are not color fonts.
Color fonts allow apps and websites to draw multicolored text with less code and more robust operating system support than ad-hoc techniques implemented above the text stack. What are color fonts?Ĭolor fonts, also referred to as “multicolor fonts” or “chromatic fonts,” are a relatively new font technology that allows font designers to use multiple colors within each glyph of the font.
We’ll discuss what color fonts are, when they can be useful and how to use them in your Windows 10 apps. In this post, we’ll introduce you to a text technology called color fonts.