colorfonts.wtf

What are color fonts?

A
Standard vector font
OpenType-SVG vector font
Color vector font
OpenType-SVG bitmap font
Color bitmap font
Color fonts represent a key evolution in digital typography, introducing rich graphic features into font files. Thanks to new font formats, color fonts are finally becoming a reality for millions of creatives.

Color fonts can impact any type of text, since they may contain any type of characters, including emojis and icons.

Note that colors fonts are sometimes referred as chromatic fonts, which is actually a bit more accurate since they may include multicolored, grayed or even single-tone characters.
OpenType-SVG color fonts

: The project was heavily influenced by Berberian’s close friend, the semiotician Umberto Eco , who encouraged her interest in comic strip phonemes. 4. Key Specifications Cathy Berberian: Stripsody, for a Lady (1966) May 22, 2024 Zewen Shifu Cathy Berberian: Stripsody | YellowBarn

The graphic score was illustrated by , working alongside Berberian and cultural theorist Umberto Eco . Stripsody for Solo Voice - Sheet Music | Sheet Music Plus Pinterest graphic score - Abstract Comics: The Blog: Stripsody Abstract Comics What are graphic scores? – School of Noise School of Noise Exploring Graphic Scores — Choral Compose Choral Compose

For the modern performer, the Stripsody score presents a unique challenge. It cannot be sight-read in the traditional sense. It requires a performer with a strong theatrical bent, willing to look ridiculous. The interpretation involves deciding exactly how a drawing of a spiral translates into a vocal glissando, or precisely what kind of tone a jagged line demands. It demands a synthesis of acting, singing, and graphic interpretation.

Where's the catch?

What about file size?
A color font file is generally larger than a regular font file, and a lot more when the font embeds high-resolution bitmap characters.

Whereas fonts usually weigh tens to a few hundred kilobytes, color vector fonts can reach hundreds of kilobytes to a couple megabytes depending on their visual complexity.

Color bitmap fonts may range from a few megabytes to tens of megabytes, and sizes increase when multiple color font formats are embedded in a single file.

What about text scalability?
Good question! Color fonts based on vector glyphs can be resized without any loss, just like any regular font.
Scaled color vector font
Scaled color vector font
Scaled color bitmap font
Scaled color bitmap font
Color bitmap fonts, like any other photo or pixel-based image, will scale properly up to a certain size, depending on their original resolution. Beyond that resolution, the lettering will look pixelated.

So whether you print a text with a color bitmap font or display it on high resolution screens, you will have to check up to which size it could properly scale.

As color bitmap fonts will be used in such different contexts like web or print, designers will need several versions of the bitmap font files, with full-size images for desktop editing and downscaled versions for the web.

Stripsody Score.pdf | Cathy Berberian

: The project was heavily influenced by Berberian’s close friend, the semiotician Umberto Eco , who encouraged her interest in comic strip phonemes. 4. Key Specifications Cathy Berberian: Stripsody, for a Lady (1966) May 22, 2024 Zewen Shifu Cathy Berberian: Stripsody | YellowBarn

The graphic score was illustrated by , working alongside Berberian and cultural theorist Umberto Eco . Stripsody for Solo Voice - Sheet Music | Sheet Music Plus Pinterest graphic score - Abstract Comics: The Blog: Stripsody Abstract Comics What are graphic scores? – School of Noise School of Noise Exploring Graphic Scores — Choral Compose Choral Compose

For the modern performer, the Stripsody score presents a unique challenge. It cannot be sight-read in the traditional sense. It requires a performer with a strong theatrical bent, willing to look ridiculous. The interpretation involves deciding exactly how a drawing of a spiral translates into a vocal glissando, or precisely what kind of tone a jagged line demands. It demands a synthesis of acting, singing, and graphic interpretation.

Where can I get color fonts?

Color fonts are still pretty rare to find these days due to their novelty. But you're lucky as we started collecting awesome color fonts:
Gilbert Color (OpenType-SVG font)
Gilbert by Type With Pride
Pospky (OpenType-SVG font)
Popsky by Igor Petrovic
MEGAZERO (OpenType-SVG font)
MEGAZERO by Alex Trochut
AIres (OpenType-SVG font)
Aires by Yai Salinas
Abelone (OpenType-SVG font)
Abelone by Maria Grølund
Playbox (OpenType-SVG font)
Playbox by Matt Lyon
Bixa Color (OpenType-SVG font)
Bixa Color by NovoTypo & Roel Nieskens
Bungee Color (OpenType-SVG font)
Bungee color by David Jonathan Ross
OneLine Bold  (OpenType-SVG font)
OneLine Bold by Roman Kaer
And also visit the world's first color fonts collection on Creative Market.
Color fonts collection
Want more? We will post beautiful cherry-picked color fonts made by super talented designers (including some freebies).

Subscribe to our newsletter to be notified when they are released.
(We won't spam, promised ;)
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

How can I create color fonts?

Are you inspired to turn your beautiful lettering into an actual font? Good news! There is a really cool tool for that:
Fontself
Fontself Maker
An add-on to create fonts in Illustrator or Photoshop (Mac & PC)
$49 (One-time purchase with free updates)
Disclaimer: We're part of Fontself ;)
Follow us on Twitter @colorfontswtf - we'll be back with more news on color fonts. See you soon 👋 and don't forget to register to our newsletter.