A tipografia principal utilizada é a da família Roboto e Roboto Slab.
O tamanho do texto pode ser escalado por múltiplos de 4px.
A altura das linhas também obedece a múltiplos de 4px.
16px
20px
24px
32px
40px
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> .nome_elemento { font-family: 'Roboto', sans-serif; font-size: tamanho múltiplo de 4px; line-height: tamanho múltiplo de 4px; } </style>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400;500;700&display=swap" rel="stylesheet"> <style> .nome_elemento { font-family: 'Roboto Slab', serif; font-size: tamanho múltiplo de 4px; line-height: tamanho múltiplo de 4px; } </style>