Pular para o conteúdo
Design e Cor

Gerador de tipografia fluida

Dimensione os títulos suavemente com clamp() em vez de pontos de interrupção.

Executa no seu navegador100% privadoNenhum envio
Carregando ferramenta…

Compartilhe esta ferramenta

Envie para alguém que precisa.

Xfin
Leia o guia completo

Sobre o 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.

Como usar

  1. 1Defina o tamanho mínimoUse o tamanho desejado na tela menor.
  2. 2Defina o tamanho máximoUse o tamanho no layout mais largo.
  3. 3Copie a regra clamp()Aplique-o a títulos ou corpo de texto.

Por que usar este gerador de tipografia fluida?

  • 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.

Mais utilitários gratuitos no mesmo canto da caixa de ferramentas.