fluid typography calculator

Calculadora de tipografia fluida?

Instruções

Como usar esta calculadora

• Digite tamanhos de fonte Min e Max em px ou rem . Sua fonte base sempre permanecerá dentro desses limites

• Digite suas larguras de visualização MIN e MAX em px ou rem .

• Se a visualização for menor ou igual à largura mínima e vice -versa. Entre esses limites, o tamanho da fonte será dimensionado em proporção à largura da viewport do cliente

• O painel de resultados mostra a fórmula gerada que você pode copiar no seu CSS

Confuso sobre a tipografia fluida?

Leia meu post, "Tipografia fluida", que explica como essa calculadora funciona em detalhes

Créditos?

Esta calculadora é inspirada no post de Christopher Kirk-Nielsen, "Modern Fluid Typography with Clamp ()"

Para outra estratégia de fallback que corresponde à funcionalidade de Clamp, consulte "Tipografia fluida de Daniel Yuschick com CSS Clamp () é minha nova coisa favorita"