Tipografia
@vincisys/eyesonTipografia
Fonte tipográfica padrão do Eyeson Design System.
Fonte
A tipografia padrão do Eyeson Design System é a Roboto (variável),
hospedada via @fontsource-variable/roboto e aplicada em --font-sans.
| Token | Família |
|---|---|
--font-sans | Roboto 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