Tipografia
@vincisys/eyeson

Fonte

A tipografia padrão do Eyeson Design System é a Roboto (variável), hospedada via @fontsource-variable/roboto e aplicada em --font-sans.

TokenFamília
--font-sansRoboto Variable, com fallbacks GT Walsheim Pro, ui-sans-serif, system-ui, sans-serif

Ao importar os estilos do pacote (@vincisys/eyeson/styles ou styles.css), a Roboto já é carregada e definida no html.

Uso

Não é necessário instalar a fonte separadamente no app consumidor — ela vem com os estilos do pacote:

@import '@vincisys/eyeson/styles/tailwind';
/* Roboto Variable já está disponível via --font-sans */

Para forçar a família em um elemento:

<p className="font-sans">Texto com Roboto</p>

Exemplo

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ


abcdefghijklmnopqrstuvwxyz


0123456789