Toolipedia Incorporar
PT
← Todas as ferramentas de texto

Gerador de CSS clamp

Tamanhos de fonte fluidos que crescem com a tela: obtenha a fórmula clamp().

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de CSS clamp

A tipografia fluida escala o tamanho da fonte suavemente entre um mínimo e um máximo conforme a janela de visualização cresce. Informe dois tamanhos e duas larguras de tela e obtenha a fórmula clamp(mín, preferido, máx), em que o valor preferido mistura unidades rem e vw. Ela substitui várias media queries por uma única linha.

Como usar: Gerador de CSS clamp

  1. Informe o menor e o maior tamanho de fonte que você quer.
  2. Informe as larguras de tela em que o dimensionamento deve começar e parar.
  3. Copie a fórmula clamp() para o seu CSS.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Por que usar clamp em vez de media queries para o tamanho da fonte?

Uma linha com clamp escala continuamente entre os limites, então o texto nunca dá saltos de tamanho nos breakpoints. Incluir uma parte em rem também mantém a resposta às configurações de fonte do usuário.

O que significam os três valores do clamp?

O primeiro é o mínimo, o segundo é um valor preferido que escala com a tela e o terceiro é o máximo. O navegador escolhe o do meio enquanto ele permanecer dentro dos limites.

Posso usar clamp também para espaçamento?

Sim. Funciona para qualquer comprimento, como padding, margin ou gap, então você pode fazer o espaçamento crescer suavemente com a tela.

Gerador de CSS clamp é grátis?

Sim. Gerador de CSS clamp no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Posso colocar Gerador de CSS clamp no meu próprio site?

Sim. Use o botão «Incorporar no seu site» abaixo da ferramenta para copiar um trecho curto de código e colá-lo na sua página. É grátis, não precisa de conta e a ferramenta continua funcionando dentro da sua página.

Ferramentas relacionadas