Rocher Color

A variable
color font
Swoosh! WHAM! BAM! Kaboom! CRASH! Thoom!
Low sugar Kool-Aid® = a rainbow of flavors
Eeny, meeny, miny, moe, catch a tiger by the toe
Hey, I’m editable! Click me and type it away...
Beef & Dairy Network by @benpartridge
Sofðu unga ástin mín, úti regnið grætur.
Andy Zaltzman, satirist for hire (@hellobuglers)
(I’m Not Your) Steppin’ Stone, The Monkees
Żeby tylko jeden był, to by z dzieckiem mleczko pił.
Pão de queijo R$4,90 — Coca-Cola R$6,00
Weißt du, wieviel Mücklein spielen in der heißen Sonnenglut?

Rocher Color is an experimental variable color font of the COLR/CPAL kind. It features 2 axes (bevel and shadow) and 11 color palettes. It was inspired by Merit Badge, a variable color font designed by David Jonathan Ross.

If all you are seeing is a bunch of hollow letters, your browser does not support this font format yet. As it is an experimental technology, software support will only get better. Rocher Color has been confirmed to work on:

  • Mozilla Firefox 62 on any platform;
  • Microsoft Edge on Windows 10;
  • Google Chrome 69 on MacOS High Sierra;
  • Google Chrome 71 on Windows 10 (in beta);
  • Safari 11 on MacOS High Sierra.

Being able to provide multiple color palettes is a nice benefit of the COLR/CPAL format, even though there’s no way of accessing them yet. This will change when the CSS font-palette property gets adopted by the browsers in the future. For the time being, you can choose your colors and download a custom version right here on this page.

Unfortunately, this font is not compatible with Adobe apps yet, as they do not support COLR/CPAL fonts.

If you are interested in learning about the challenges of building a variable color font, there is a blog post about that: Rocher Color: making a variable color font.

Designed by

  • Henrique Beier

Release date

  • September 2018
The quick brown fox jumps over the lazy dog

Features

Awesome letterforms
Contextual alternates
Spurless ascenders (ss01)
Lining figures
Common fractions
Superiors
Extended currency
Capital sharp S

Character set

Some glyphs accessible via OpenType features only may not be shown below.

  • Uppercase
  • Lowercase
  • Figures
  • Currency
  • Punctuation
  • Symbols
  • Diacritics
  • ss01
  • A
  • Á
  • Ă
  • Â
  • Ä
  • À
  • Ā
  • Ą
  • Å
  • Ã
  • Æ
  • Ǽ
  • B
  • C
  • Ć
  • Č
  • Ç
  • Ĉ
  • Ċ
  • D
  • Ð
  • Ď
  • Đ
  • E
  • É
  • Ě
  • Ê
  • Ë
  • Ė
  • È
  • Ē
  • Ę
  • F
  • G
  • Ğ
  • Ĝ
  • Ģ
  • Ġ
  • H
  • Ħ
  • I
  • IJ
  • Í
  • Î
  • Ï
  • İ
  • Ì
  • Ī
  • Į
  • Ĩ
  • J
  • K
  • Ķ
  • L
  • Ĺ
  • Ľ
  • Ļ
  • Ŀ
  • Ł
  • M
  • N
  • Ń
  • Ň
  • Ņ
  • Ŋ
  • Ñ
  • O
  • Ó
  • Ô
  • Ö
  • Ò
  • Ő
  • Ō
  • Ø
  • Ǿ
  • Õ
  • Œ
  • P
  • Þ
  • Q
  • R
  • Ŕ
  • Ř
  • Ŗ
  • S
  • Ś
  • Š
  • Ş
  • Ș
  • T
  • Ŧ
  • Ť
  • Ţ
  • Ț
  • U
  • Ú
  • Û
  • Ü
  • Ù
  • Ű
  • Ū
  • Ų
  • Ů
  • Ũ
  • V
  • W
  • Ŵ
  • X
  • Y
  • Ý
  • Ŷ
  • Ÿ
  • Z
  • Ź
  • Ž
  • Ż
  • a
  • á
  • ă
  • â
  • ä
  • à
  • ā
  • ą
  • å
  • ã
  • æ
  • ǽ
  • b
  • b
  • c
  • ć
  • č
  • ç
  • ĉ
  • ċ
  • d
  • ð
  • ď
  • đ
  • e
  • é
  • ě
  • ê
  • ë
  • ė
  • è
  • ē
  • ę
  • f
  • g
  • ğ
  • ĝ
  • ģ
  • ġ
  • h
  • h
  • ħ
  • i
  • ı
  • í
  • î
  • ï
  • ì
  • ij
  • ī
  • į
  • ĩ
  • j
  • ȷ
  • k
  • k
  • ķ
  • l
  • l
  • ĺ
  • ľ
  • ļ
  • ŀ
  • ł
  • m
  • n
  • ń
  • ʼn
  • ň
  • ņ
  • ŋ
  • ñ
  • o
  • ó
  • ô
  • ö
  • ò
  • ő
  • ō
  • ø
  • ǿ
  • õ
  • œ
  • p
  • þ
  • q
  • r
  • ŕ
  • ř
  • ŗ
  • s
  • ś
  • š
  • ş
  • ș
  • ß
  • t
  • ŧ
  • ť
  • ţ
  • ț
  • u
  • ú
  • û
  • ü
  • ù
  • ű
  • ū
  • ų
  • ů
  • ũ
  • v
  • w
  • ŵ
  • x
  • y
  • ý
  • ŷ
  • ÿ
  • z
  • ź
  • ž
  • ż
  • ª
  • º
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • ¹
  • ²
  • ³
  • ½
  • ¼
  • ¾
  • *
  • \
  • ·
  • :
  • ,
  • !
  • ¡
  • #
  • .
  • ?
  • ¿
  • "
  • '
  • ;
  • /
  • _
  • {
  • }
  • [
  • ]
  • (
  • )
  • -
  • «
  • »
  • ¢
  • ¤
  • $
  • ƒ
  • £
  • ¥
  • +
  • ×
  • ÷
  • =
  • >
  • <
  • ±
  • ~
  • ¬
  • Δ
  • Ω
  • μ
  • π
  • µ
  • %
  • @
  • &
  • §
  • ©
  • ®
  • °
  • |
  • ¦
  • ^
  • ´
  • ˘
  • ˇ
  • ¸
  • ˆ
  • ¨
  • ˙
  • `
  • ˝
  • ¯
  • ˛
  • ˚
  • ˜

See more glyphs

Language support

Rocher Color supports over 200 languages. The most common ones are listed below.

AfrikaansAlbanianBasqueBembaBosnianCatalanCroatianCzechDanishDutchEnglishEstonianFaroeseFilipinoFinnishFrenchFriulianGalicianGandaGermanGuaraníHungarianIcelandicIndonesianIrishItalianKinyarwandaLatvianLithuanianLuxembourgishMalayMalteseManxPolishPortugueseRomanianRomanshSangoScottish GaelicShonaSlovakSlovenianSomaliSpanishSwahiliSwedishTurkishWelshZuluand more...

See the complete list of languages

Specifications

Glyph count

Roman: 421 glyphs

Desktop fonts

Variable OpenType

Webfonts

WOFFWOFF2

Current version

0.110 (changelog)

Get Rocher Color

Rocher Color is free for personal and commercial use.

Includes TFF, WOFF and WOFF2 files with the 11 color palettes shown in this page.

For other colors, customize below.

bvel
shdw
Customize me!