Estou projetando um div
contêiner que conterá algumas linhas de texto. Cada linha pode conter de 0 a 35 caracteres.
Preciso especificar uma largura fixa para a div, mas não posso prever o quão "larga" a string pode ser.
Um exemplo de strings (todos os 35 caracteres):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da 35 caracteres chars Com CApital
Como você pode ver, o glifo "i" é mais estreito que o glifo "L".
Uma solução possível poderia ser usar uma fonte Monospaced, mas para algumas restrições estilísticas eu preciso usar Arial (ou fonte equivalente).
A idéia é dimensionar o contêiner considerando uma string que contém os maiores glifos, mas não tenho certeza qual é o maior glifo, especialmente se considerarmos todos os caracteres UTF.
typography
glyphs
Rdpi
fonte
fonte
em
). Eles não são estritamente os mais amplos, mas algo estranho estará acontecendo se o caractere médio de uma string for maior que isso.overflow: auto
deve cobrir casos muito estranhos como este.Respostas:
Apenas uma coisa a dizer:
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
[EDIT] Atualização - OK - Eu admito que existem caracteres muito mais amplos:
fonte
﷽ Eu ganho um prêmio? (texto para atingir 30 caracteres)
fonte
Ainda checando, mas no conjunto de glifos latinos,
DžDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽ
está parecendo bem amplo.
Ou há
‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱
Ou talvez & # xfdfa "LIGATURA ÁRABE SALLALLAHOU ALAYHE WASALLAM" (parece não renderizar no Tahoma usado aqui):
ﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺ
Obviamente, esses são exemplos extremos e é muito improvável que alguém os digite, mas sublinha o ponto de Farray acima: você precisa encontrar um compromisso que cubra a grande maioria dos casos para o seu público, mas não necessariamente qualquer coisa que possa parecer concebível.
fonte
Fácil, eu encontrei isso em um jogo chamado agar.io alguém gosta de nomes longos
fonte
Geralmente, o traço em é o glifo mais amplo em qualquer tipo de letra. O itálico f é o glifo raro que se estende até o espaço ascendente e descendente, tornando-o um dos mais altos em qualquer tipo de letra.
Uma medida prática prática é um "alfabeto" composto pelas letras minúsculas de a a z. Um tipo de letra normal tem aproximadamente 13 ems de comprimento. Se o alfabeto do tipo de letra for menor, é um tipo de letra condensado adequado para compor parágrafos de medida estreita. Os comprimentos das linhas de fácil leitura variam de 1 a 1/2 a 2 a 1/2 alfabetos.
Um em é uma distância horizontal equivalente à altura vertical do tipo de letra. Um espaço eme para o tipo de letra 24 pt tem 24 pts de comprimento. É proporcional ao tipo de letra e varia de acordo com cada tamanho diferente.
fonte