Rocher Color
color font
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.
Features
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
- ź
- ž
- ż
- fi
- fl
- ª
- º
- 0
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- ¹
- ²
- ³
- ½
- ⅓
- ⅔
- ¼
- ¾
- *
- \
- ·
- •
- :
- ,
- …
- !
- ¡
- #
- .
- ?
- ¿
- "
- '
- ;
- /
- _
- {
- }
- [
- ]
- (
- )
- —
- –
- -
- «
- »
- ‹
- ›
- „
- “
- ”
- ‘
- ’
- ‚
- ¢
- ¤
- $
- €
- ƒ
- ₲
- ₤
- ₺
- ₹
- £
- ¥
- +
- −
- ×
- ÷
- =
- ≠
- >
- <
- ≥
- ≤
- ±
- ≈
- ~
- ¬
- ∞
- ∅
- ∫
- Δ
- Ω
- μ
- π
- ∏
- ∑
- √
- µ
- ∂
- %
- ‰
- ◊
- @
- &
- ¶
- §
- ©
- ®
- ™
- °
- |
- ¦
- †
- ‡
- ^
- ´
- ˘
- ˇ
- ¸
- ˆ
- ¨
- ˙
- `
- ˝
- ¯
- ˛
- ˚
- ˜
Language support
Rocher Color supports over 200 languages. The most common ones are listed below.