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?

A Rocher Color é uma fonte variável colorida experimental do tipo COLR/CPAL. Ela possui 2 eixos (chanfro e sombra) e 11 paletas de cores. Sua inspiração foi a Merit Badge, uma fonte variável colorida desenvolvida por David Jonathan Ross.

Caso você esteja vendo letras ocas somente, seu navegador ainda não suporta este formato. Como esta ainda é uma tecnologia em fase experimental, o suporte em softwares só tende a melhorar. Eu confirmei que a Rocher Color funciona em:

  • Mozilla Firefox 62 em qualquer plataforma;
  • Microsoft Edge no Windows 10;
  • Google Chrome 69 no MacOS High Sierra;
  • Google Chrome 71 no Windows 10 (em beta);
  • Safari 11 no MacOS High Sierra.

A capacidade de fornecer várias paletas de cores no próprio arquivo da fonte é um recurso interessante do formato COLR/CPAL, mesmo que ainda não exista uma forma de acessá-las. Isto irá mudar quando a propriedade font-palette do CSS for implementada nos navegadores. Enquanto isso, você pode escolher suas cores e baixar uma versão personalizada ao fim desta página.

Infelizmente esta fonte ainda não é compatível com os programas da Adobe, visto que eles não suportam fontes COLR/CPAL.

Se você tem interesse em ler sobre os desafios de desenvolver uma fonte variável colorida, tem um post no blog sobre isso: Rocher Color: making a variable color font.

Desenhada por

  • Henrique Beier

Lançada em

  • setembro de 2018

Fontes relacionadas

No blog

The quick brown fox jumps over the lazy dog

Recursos

Glifos surpreendentes
Alternativas contextuais
Conjunto estilístico 1 (ss01)
Algarismos alinhados
Frações comuns
Superiores
Sinais monetários
Eszett maiúsculo

Conjunto de caracteres

Glifos acessados apenas via recursos OpenType podem não ser mostrados abaixo.

  • Maiúsculas
  • Minúsculas
  • Algarismos
  • Moedas
  • Pontuação
  • Símbolos
  • Diacríticos
  • 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
  • ¹
  • ²
  • ³
  • ½
  • ¼
  • ¾
  • *
  • ·
  • :
  • ,
  • !
  • ¡
  • #
  • .
  • ?
  • ¿
  • "
  • '
  • ;
  • /
  • _
  • {
  • }
  • [
  • ]
  • (
  • )
  • -
  • «
  • »
  • ¢
  • ¤
  • $
  • ƒ
  • £
  • ¥
  • +
  • ×
  • ÷
  • =
  • >
  • <
  • ±
  • ~
  • ¬
  • Δ
  • Ω
  • μ
  • π
  • µ
  • %
  • @
  • &
  • §
  • ©
  • ®
  • °
  • |
  • ¦
  • ^
  • ´
  • ˘
  • ˇ
  • ¸
  • ˆ
  • ¨
  • ˙
  • `
  • ˝
  • ¯
  • ˛
  • ˚
  • ˜

Ver mais glifos

Suporte a idiomas

Rocher Color suporta mais de 200 idiomas. Os mais comuns estão listados abaixo.

africâneralbanêsalemãobascobembabósniocatalãocroatadinamarquêseslovacoeslovenoespanholestonianofaroêsfilipinofinlandêsfrancêsfriulanogalegogalêsgaélico escocêsguaraniholandêshúngaroindonésioinglêsirlandêsislandêsitalianoletãolituanolugandaluxemburguêsmalaiomaltêsmanxpolonêsportuguêsquiniaruandaromancheromenosangosomalisuaílisuecotchecoturcoxonazulue mais...

Ver todos os idiomas

Especificações

Número de glifos

Romanas: 421 glifos

Fontes desktop

Variável

Webfonts

WOFFWOFF2

Versão atual

0.110 (histórico)

Obter a Rocher Color

A Rocher Color é grátis para uso pessoal e comercial.

Inclui arquivos TTF, WOFF e WOFF2 com as 11 paletas de cores mostradas nesta página.

Para outras cores, personalize abaixo.

bvel
shdw
Customize me!