They bring multiple colors, shades, textures and transparency to type
They include vector shapes, bitmap images or even both into font files
A
Standard vector font
Color vector 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.
Setiap gigitan adalah janji yang ditepati. Orang-orang di sekitarnya menyesap cepat, tersenyum, lalu melanjutkan langkah masing-masing—seolah barang sehari-hari ini memegang peran kecil dalam kisah hidup mereka. Ada yang datang sendirian, ada yang berdua, ada anak kecil yang matanya berbinar melihat kepulan uap. pemuas binor hot
Di sudut kota yang remang, aroma rempah dan uap manisan bercampur, memancar dari gerobak tua yang setia menunggu. Nama gerobak itu mengundang—"Binor Hot"—sebuah nama yang membuat penasaran, seperti rahasia kecil yang hanya bisa dimakan. — Tamat —
Setiap gigitan adalah janji yang ditepati
Pemuas Binor Hot
"Ini pemuas," katanya singkat, sambil memberikan satu yang masih mengepul. Kepingan gula halus menempel di tepinya seperti embun pagi. Aku menggigit. Ledakan rasa menyambar lidah: hangatnya cabai menyusup lembut, dikompensasi oleh kelembutan isian yang manis dan aromatik—jahe, kismis, dan sedikit jeruk. Teksturnya kenyal, tetapi lumer di mulut; seperti kenangan musim lalu yang tiba-tiba kembali. Di sudut kota yang remang, aroma rempah dan
Malam semakin dalam. Lampu-lampu jalan seperti bintang kecil yang jatuh, menerangi kepulan uap dan wajah-wajah yang berlalu-lalang. Gerobak itu tetap setia, menawarkan panas yang menenangkan dan manis yang mengingatkan. Pemuas Binor Hot bukan hanya makanan kecil—ia adalah ritual singkat yang menghangatkan tubuh dan menengahi hari, sebuah oasis rasa di antara langkah-langkah cepat kota.
Aku mendekat. Pemiliknya, pria paruh baya berwajah ramah dan mata yang berkilau, mengaduk cairan kental di panci besar. Warnanya merah jingga; panasnya menari-nari di udara setiap kali sendok disentakkan. Di hadapannya, tumpukan adonan pipih menunggu giliran; adonan itu mengembang perlahan menjadi kulit tipis yang kemudian diisi dengan isi manis, pedas, dan sedikit asam—sebuah simfoni rasa.
¶
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 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.
Now that OpenType-SVG has been adopted as the industry standard, there is good chance that you can start using color fonts across your favorite software and hardware.
We keep updating a list of apps and browsers that support color fonts. Here we go: