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>