Skip to main content
Os tamanhos são definidos em rem relativos ao --fonts-texts-size configurado no tema (padrão 14px). Use sempre essas variáveis em vez de valores fixos em px para manter consistência tipográfica entre temas.

​
Tamanhos de fonte

VariávelEquivalente (base 14px)
--font-1010px
--font-1111px
--font-1212px
--font-1313px
--font-1414px (base)
--font-1515px
--font-1616px
--font-1717px
--font-1818px
--font-2020px
--font-2121px
--font-2222px
--font-2424px
--font-2525px
--font-2727px
--font-2828px
--font-3030px
--font-4848px

​
Pesos de fonte

Resolvidos automaticamente com base na fonte escolhida (fonts_texts_family), pois nem todas as fontes suportam todos os pesos.
VariávelDescrição
--font-regularPeso regular da fonte de textos.
--font-mediumPeso médio da fonte de textos.
--font-boldPeso negrito da fonte de textos.
--font-blackPeso extra-negrito da fonte de textos.

​
Exemplo de uso

.meu-titulo {
    font-size: var(--font-24);
    font-weight: var(--font-bold);
    font-family: var(--fonts-titles-family);
}

.meu-texto {
    font-size: var(--font-14);
    font-weight: var(--font-regular);
    font-family: var(--fonts-texts-family);
}