Pular para o conteúdo
Design e Cor

Gerador de tipografia fluida

Escolha um tamanho de fonte mínimo e máximo e o intervalo da janela de visualização entre eles. O gerador calcula a expressão clamp() e mostra uma visualização ao vivo.

4 minutos de leituraAtualizado 2026-11-04

Fatos importantes

Categoria
Design e Cor
Preço
Livre
Conta
Não obrigatório
Processamento
No seu navegador
Entrada
Arquivos locais ou dados colados
Plataforma
Navegadores modernos para desktop e dispositivos móveis

O que isso faz

Escolha um tamanho de fonte mínimo e máximo e o intervalo da janela de visualização entre eles. O gerador calcula a expressão clamp() e mostra uma visualização ao vivo.

Crie tamanhos de fonte clamp() que sejam dimensionados suavemente entre as viewports.

Como usar

Aqui está a versão resumida do uso de Gerador de tipografia fluida.

  • Defina o tamanho mínimo — Use o tamanho desejado na tela menor.
  • Defina o tamanho máximo — Use o tamanho no layout mais largo.
  • Copie a regra clamp() — Aplique-o a títulos ou corpo de texto.

Recursos que importam

O que Gerador de tipografia fluida faz bem.

  • Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
  • Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
  • Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.

Perguntas frequentes

Meu CSS é seguro para uso aqui?

Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.

Preciso criar uma conta?

Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.

Funciona em um telefone?

Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.

A tipografia fluida é acessível?

Pode ser se o tamanho mínimo for legível e você permitir o zoom do navegador. Evite bloquear tamanhos de fonte com user-scalable=no.

Como o valor médio é calculado?

A inclinação é (max - min) ÷ (max viewport - min viewport), expressa em vw, com a interceptação em px.

Abra Gerador de tipografia fluida

Experimente agora – ele roda no seu navegador e não precisa de conta.

Abra a ferramenta