FreeToGenerate.com

100% gratuito · sem registo · tudo no seu navegador

18 px
680 px

Anything from 45 to 75 characters is widely regarded as a satisfactory line length for a single-column page, and the figure most often quoted as ideal is 66. What almost nobody mentions is that the CSS everyone reaches for to hit that number does not hit it, because a ch is the width of a zero rather than the width of a letter.

A sua medida

Caracteres por linha
Face à faixa de 45–75
Caractere médio
Um ch
Caracteres por ch
Para 66 caracteres, use
...ou em píxeis

A unidade ch do CSS é a largura do caractere «0», e os algarismos são mais largos do que as minúsculas médias. Por isso max-width: 65ch não lhe dá 65 caracteres: dá-lhe o espaço de 65 zeros, que a prosa real preenche com bastantes mais.

A faixa de 45–75 vem de Os Elementos do Estilo Tipográfico de Bringhurst, enunciada como consenso do ofício e não como medição. As experiências que existem divergem quanto à velocidade de leitura e quase não encontram efeito na compreensão, por isso encare-a como um valor por omissão sensato e não como uma regra.

Tipo de letraCaracteres por ch65ch dá
Georgia1,4192
Verdana1,2682
Arial1,2783
Times New Roman1,2682
Tahoma1,2481
Trebuchet MS1,1676
Courier New1,0065

Medido em 6,7 milhões de caracteres de prosa a 16 px. O Courier New é o controlo: numa fonte monoespaçada cada glifo é um ch por definição, pelo que a sua proporção tem de ser exactamente 1 — e é.

Também disponível em: English · Español · Français · العربية

Verificador de comprimento de linha

Mede os caracteres por linha que o seu CSS produz mesmo, no tipo de letra que usa mesmo, e mostra o quanto as unidades ch falham.

O que é um verificador de comprimento de linha

O comprimento de linha — os tipógrafos chamam-lhe medida — é quantos caracteres cabem numa linha de texto. É o número por trás do conselho de manter o corpo de texto entre 45 e 75 caracteres, e depende de três coisas ao mesmo tempo: a largura do contentor, o tamanho de letra e o próprio tipo de letra.

Esta ferramenta mede-o em vez de o estimar. Defina uma largura, um tamanho e uma família, e ela indica-lhe os caracteres por linha que a sua prosa obteria de facto, usando o motor de texto do seu próprio navegador sobre o seu próprio texto.

Responde também à pergunta que traz aqui quase toda a gente: que largura devo pôr? O painel de resultados dá tanto a largura em píxeis como o valor em ch que produzem realmente 66 caracteres no tipo de letra escolhido, e não são os números que se adivinhariam.

Como usar o verificador

  1. Cole um parágrafo. Use a sua própria prosa e não texto de enchimento. A largura média de caractere varia entre línguas e entre quem escreve, e toda a medição depende dela.
  2. Escolha tipo de letra e tamanho. As sete famílias oferecidas já estão em quase qualquer máquina, por isso não é preciso descarregar nada para as medir. O tamanho importa menos do que parece: escala os dois lados da proporção.
  3. Arraste a largura do contentor. A pré-visualização é redesenhada e o painel diz-lhe onde cai face à faixa de 45–75. Se quiser um alvo em vez de um veredicto, veja antes as duas linhas de baixo.

max-width: 65ch não lhe dá 65 caracteres

O conselho habitual para acertar numa medida confortável é definir max-width em unidades ch, com o raciocínio de que um ch é um caractere. Não é. A especificação do CSS define a unidade ch como a largura de avanço do caractere «0» no tipo de letra do elemento: um zero, especificamente, e não uma letra média. E em toda a família proporcional os algarismos são desenhados mais largos do que as minúsculas, porque têm de alinhar em colunas.

Medimos quanto mais largos, sobre 6,7 milhões de caracteres de prosa real de doze livros de domínio público, a 16 píxeis. No Georgia um ch são 9,82 píxeis enquanto o caractere médio da prosa são 6,96 — uma proporção de 1,41. O Arial dá 1,27, o Verdana 1,26, o Times New Roman 1,26, o Tahoma 1,24 e o Trebuchet MS 1,16.

Multiplique isso e o conselho desfaz-se. Um contentor com max-width: 65ch alberga cerca de 92 caracteres no Georgia, 83 no Arial, 82 no Verdana e no Times New Roman, e 76 no Trebuchet MS. Todas as famílias proporcionais ultrapassam a faixa de 45–75 que pretendiam acertar, e a mediana entre elas são 82 caracteres para um nominal de 65.

A verificação que torna esses números fiáveis é a última linha da tabela. O Courier New dá exactamente 1,000, porque numa fonte monoespaçada cada glifo, incluindo o zero, tem a mesma largura, pelo que um ch tem de ser um caractere. Se a medição estivesse errada, essa linha não cairia em 1.

Ao contrário, que é a direcção útil: para obter os 66 caracteres de Bringhurst quer cerca de 47ch no Georgia, 52ch no Arial, 53ch no Times New Roman e 57ch no Trebuchet MS. Não há um valor único de ch que signifique 66 caracteres, e é por isso que esta página mede em vez de recomendar um.

Limitações assumidas

A faixa de 45–75 não é um resultado científico e esta página não vai fingir o contrário. Vem de Os Elementos do Estilo Tipográfico de Robert Bringhurst, onde é oferecida como consenso do ofício para uma página a uma coluna, com 66 caracteres apontados como ideal satisfatório. É uma boa fonte para uma convenção de desenho, e não uma medição de coisa nenhuma.

A literatura experimental é mais escassa e menos arrumada do que a confiança do conselho sugere. Dyson e Haselgrove concluíram em 2001 que 55 caracteres por linha eram lidos mais depressa do que 25 ou 100, com a melhor compreensão. Os trabalhos do laboratório de usabilidade da Wichita State concluíram quase o contrário quanto à velocidade, com cerca de 95 caracteres lidos mais depressa, e nenhum efeito fiável na compreensão ou na satisfação. O que sobrevive entre estudos é que a compreensão quase não se move num intervalo largo e que quem lê tende a preferir linhas mais curtas do que aquelas que lê mais depressa. Encare a faixa como um valor por omissão sensato, não como uma lei.

A medição é uma média, e as médias escondem coisas. Um parágrafo com palavras técnicas longas tem um caractere médio mais largo do que um de palavras curtas, pelo que o mesmo contentor dá uma medida diferente para prosa diferente. É um efeito real e não um defeito — é por isso que a ferramenta lhe pede o seu texto — mas significa que o número se move quando muda a amostra.

Só se contam caracteres, não palavras, e o navegador quebra as linhas nos espaços. Um contentor que dê 66 caracteres em média produzirá linhas de talvez 58 a 72 conforme as palavras se ajustam, por isso trate o valor como o centro de uma distribuição e não como a largura de cada linha.

Os sete tipos de letra da tabela comparativa são famílias de sistema medidas a partir dos ficheiros de fonte reais. Uma webfont que carregue terá a sua própria proporção, que a ferramenta mede correctamente para os valores ao vivo lá em cima: a tabela fixa é uma referência, não uma afirmação sobre a sua stack. O motor leva 39 verificações, incluindo esse controlo monoespaçado e uma metade negativa que confirma que uma família proporcional nunca dá 1.

Porque é gratuito

Medir texto é algo que o seu navegador já faz em cada página que desenha; esta apenas lhe pede o número. Nada é enviado, não há conta e não há nada para marcar de água.

Se quiser essa mesma medição aplicada a um resultado de pesquisa e não a um parágrafo, o gerador de meta tags deste site fá-lo, e tem uma história aparentada sobre uma regra que toda a gente cita em caracteres e que os navegadores aplicam em píxeis.