# Tipografia

Devtools css variables

No Design System, buscamos deixar a tipografia acessável de maneira fácil e correta. Durante os desenvolvimentos, só é necessário fazer alterações em fontes em casos específicos.

A biblioteca @zoox-ui/components do Design System configura de maneira global os estilos das tags de heading (h1, h2, h3 e h4). Então para fazer a utilização dos headings não é necessário alterar configurações de fonte via CSS, salvo em casos específicos.

Para os componentes como botões, chips, menu de navegação, o próprio componente já tem a fonte definida corretamente, não sendo necessário alterar manualmente através de CSS.

Para além dos componentes e headings, a biblioteca também deixa pré-configuradas algumas classes que fazem parte da tipografia do Design System. São elas:

body-text
body-bold
body2
body3
body3-bold
card-title
button-text
label