Gerador de Espaçamento de Texto CSS
Gere letter-spacing, word-spacing, line-height, text-indent e tab-size em CSS com uma prévia de parágrafo ao vivo. Escolha as unidades px, em ou rem e copie o CSS e o HTML.
Entrada
Usado apenas na prévia e no trecho de HTML.
Na unidade escolhida (em é relativo ao tamanho da fonte).
Largura de um caractere de tabulação; visível em textos pré-formatados.
Saída
Seu texto com espaçamento aparecerá aqui.
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/css-text-spacing-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `css-text-spacing-generator` tool (CSS Text Spacing Generator) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/css-text-spacing-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Gerador de Espaçamento de Texto CSS — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
O espaçamento é o que torna um texto legível. O CSS oferece cinco propriedades para controlá-lo: letter-spacing, word-spacing, line-height, text-indent e tab-size. Este gerador permite ajustar todas elas em um parágrafo de exemplo ao vivo e copiar o CSS.
Como usar
- Cole ou digite um texto de exemplo. Ele serve apenas para a prévia e para o trecho de HTML.
- Ajuste o espaçamento entre letras e palavras. Valores positivos pequenos arejam títulos e textos em maiúsculas; valores negativos pequenos apertam tipografias grandes de destaque.
- Defina a altura da linha. Um valor sem unidade, como
1.5, acompanha o tamanho da fonte. Para textos corridos, costuma ser mais confortável entre 1.4 e 1.7. - Adicione um recuo na primeira linha se quiser o visual de parágrafo de livro.
- Escolha a unidade.
emeremacompanham o tamanho da fonte;pxé fixo. - Copie o resultado: as declarações, uma regra CSS completa e um trecho de HTML correspondente.
Referência rápida
letter-spacingé frequentemente chamado de tracking. Algo entre0.05eme0.1emfunciona bem em rótulos em caixa alta.word-spacingaltera apenas o espaço entre palavras.line-heighté o leading. Use um número sem unidade para que elementos aninhados herdem a proporção, e não um comprimento já calculado.text-indentrecua apenas a primeira linha de um bloco.tab-sizedefine a largura de um caractere de tabulação em blocos comwhite-space: pre.
Dicas de acessibilidade
O critério WCAG 1.4.12 pede que o texto continue funcionando quando o usuário definir altura da linha de pelo menos 1.5, espaçamento de parágrafo de 2× e espaçamento entre letras de 0.12em. Evite contêineres de altura fixa que cortem o texto quando o espaçamento aumentar.
Para linhas sob ou sobre o texto, veja o Gerador de Text Decoration CSS. Para sombras, experimente o Gerador de Sombra de Texto CSS.
Privacidade
Tudo roda no seu navegador. Seu texto e suas configurações nunca são enviados.