Concluído
Tipografia variável
Um playground para os eixos de largura e peso da fonte display. O cursor vira um controle bidimensional.
- CSS
- Variable Fonts
- React
Experimento interativo
Mova o cursor (ou use os controles) para variar largura e peso.
Carregando experimento
01
Técnica
Fontes variáveis expõem eixos contínuos. Aqui, largura (wdth) e peso (wght) são ligados à posição do cursor via font-variation-settings.
02
Uso no site
Os títulos usam larguras diferentes por tamanho de tela: mais estreitos no celular, mais expandidos em monitores grandes.