color – Variable Fonts

Variable Fonts v0.2

A simple resource for finding and trying variable fonts

⚠️ Notice: As a showcase of variable fonts, this site requires a web browser that supports OpenType font variation technology. It looks like your browser doesn’t, so please consider upgrading to one that does (the latest versions of Chrome work well, even on older operating systems). Otherwise, the font samples below will only appear as static fonts.

Tags /

color

Typefaces that are offered in one of various color font formats that allow color information to be stored with glyph designs. See also: chromatic.

Variable fonts tagged with “color”

8 results

Gimme Mechatron

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
400 500

A variable color font that evokes classic Transformers mecha toys. Offered with discounted pricing while it’s still a work in progress.

Tags: decorative/display, sans, cartoon, color, futuristic/sci-fi, monospaced, ornamented, straight-sided, unusual variation
Design:Arthur Reinders Folmer
Publisher:Typearture
Characters:Latin (limited)
Released:2020-10-15
Licensing:Trial, Paid/commercial
Info/fonts:futurefonts.xyz

Megabase Color Variable & Megabase Stripe Variable

  • Megabase Color Variable
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
  • Megabase Stripe Variable
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
-15 15

Experimental adaptations of Megabase Open exploring solutions for layered gradient variable fonts. While true gradients in variable color fonts aren’t technically possible at the moment, the effect is simulated with stripes of color (which can be modified in a custom-made preview tool).

Tags: decorative/display, sans, backslant, color, futuristic/sci-fi, horizontal stress, modular, multiplexed, multiplexed posture, outline, ornamented, phototype, psychedelic, straight-sided, unusual variation, variable posture
Design:David Jonathan Ross
Publisher:DJR, Font of the Month Club
Characters:Latin, Vietnamese
Released:2020-10-01
Licensing:Trial, Paid/commercial
Info/fonts:djr.com

Gimme Constructo Variable

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
400 700

A variable color font inspired by modular toy construction sets. (If the sample here is black and/or doesn’t change with the sliders, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, some serifs, cartoon, color, modular, monoline, ornamented, raw geometry, rectangular, shade, soft corners, straight-sided, unusual variation
Design:Arthur Reinders Folmer
Publisher:Typearture
Characters:Latin (limited)
Released:2020-04-06
Licensing:Paid/commercial
Info/fonts:futurefonts.xyz

Gimlet X-Ray

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
300 900
64 100
4 36
4 36
2 10
2 10

​An experimental colorized version of Gimlet that exposes what goes on under the hood of a variable font, visualizing control points, bounding boxes, kerning, etc. The design of the underlying typeface and the visualization elements are both adjustable. As with DJR’s other color fonts, the default color palette can be customized with a web-based tool. (If the sample here is black and/or doesn’t change with the sliders, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, serif, slab serif, color, multiplexed, outline, ornamented, unusual variation
Design:David Jonathan Ross
Publisher:DJR, Font of the Month Club
Characters:Latin
Released:2020-01-01
Licensing:Trial, Paid/commercial
Info/fonts:djr.com

Pappardelle Party

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
0 4

​A horizontal-stress, stencil, variable font that’s unusual because it’s a color font, but also because its variation doesn’t alter the glyph shapes like most variable fonts. Instead, color font technology, variable font technology, and OpenType contextual alternates are combined to cycle through multiple color combos. Users can generate versions with custom color palettes using DJR’s Color Font Customizer. (If the sample here is black and/or doesn’t change with the sliders, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, slab serif, cartoon, color, feature variations, horizontal stress, ornamented, straight-sided, unusual variation, wood type
Design:David Jonathan Ross
Publisher:DJR, Font of the Month Club
Characters:Latin, Vietnamese
Released:2018-11-01
Licensing:Trial, Paid/commercial
Info/fonts:djr.com

Rocher Color

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz 0123456789
0 100
0 100

​A variable color font version of the stony Rocher typeface. This version provides independently variable color effects in a single font file (see the article about making the font for details). The download options include a tool for generating versions with customized color palettes. (If the sample is black and/or doesn’t change with the sliders, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, slab serif, some serifs, cartoon, color, inscriptional, ornamented, plump/convex, shade, unusual variation
Design:Henrique Beier
Publisher:Harbor Type
Characters:Latin
Released:2018-09-13
Updated:2019-02-28
Licensing:Free for non-commercial use, Free for commercial use
Info/fonts:harbortype.com

Merit Badge

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
0 1
200 500

The world’s second variable color font release, and the first to support a standard alphanumeric character set, based on lettering from a 1940s Boy Scouts guide. The promo page includes a tool built by Chris Lewis for generating versions with customized color palettes. (If the sample is black and/or doesn’t change with the sliders, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, slab serif, sans, all caps, Art Deco, color, gaspipe, gothic, inline, modular, ornamented, rectangular, retractable serifs, spurless, straight-sided, unicase, unusual variation
Design:David Jonathan Ross
Publisher:DJR, Font of the Month Club
Characters:Latin, Vietnamese
Released:2018-06-01
Licensing:Trial, Paid/commercial
Info/fonts:djr.com

Variable Poo Demo

  • 💩
100 900

The world’s first variable color font release, containing only one character: the pile of poo emoji ?. (If the poo appears all black and/or doesn’t move with the slider, your browser doesn’t fully support variable color fonts yet.)

Tags: decorative/display, animation, cartoon, color, dingbats, proof of concept, unusual variation
Design:Roel Nieskens, David Jonathan Ross
Publisher:PixelAmbacht
Characters:dingbats/emoji
Released:2017-01-24
Licensing:Open source
Info/fonts:github.com