Estoy diseñando un div
contenedor que contendrá algunas filas de texto. Cada fila puede contener de 0 a 35 caracteres.
Necesito especificar un ancho fijo para el div, pero no puedo predecir qué tan "ancha" puede ser la cadena.
Un ejemplo de cadenas (los 35 caracteres):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da texto de 35 caracteres con CApital
Como puede ver, el glifo "i" es más angosto que el glifo "L".
Una posible solución podría ser usar una fuente monoespaciada, pero para algunas restricciones estilísticas necesito usar Arial (o una fuente equivalente).
La idea es dimensionar el contenedor considerando una cadena que contiene los glifos más grandes, pero no estoy seguro de cuál es el glifo más grande, especialmente si consideramos todos los caracteres UTF.
typography
glyphs
Rdpi
fuente
fuente
em
). No son estrictamente los más anchos, pero sucederá algo extraño si el carácter promedio de una cadena es más ancho que esto.overflow: auto
debería cubrir casos muy extraños como este.Respuestas:
Solo una cosa que decir:
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
[EDITAR] Actualización - OK - Reconozco que hay algunos caracteres mucho más amplios:
fuente
﷽. ¿Gano un premio? (texto para alcanzar 30 caracteres)
fuente
Aún comprobando, pero en el 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Ž
Se ve bastante amplio.
O hay
‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱
O tal vez & # xfdfa "LIGATURA ÁRABE SALLALLAHOU ALAYHE WASALLAM" (no parece aparecer en el Tahoma utilizado aquí):
ﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺ
Obviamente, estos son ejemplos extremos y es muy poco probable que alguien los escriba, pero subraya el punto anterior de Farray: debe encontrar un compromiso que cubra la gran mayoría de los casos para su audiencia, pero no necesariamente cualquier cosa que pueda parecer concebible.
fuente
Fácil ௵௵௵௵௵௵௵ Encontré esto en un juego llamado agar.io a alguien le gustan los nombres largos
fuente
Por lo general, el guión em es el glifo más ancho en cualquier tipo de letra. La cursiva f es el glifo raro que se extiende hacia el espacio ascendente y descendente, lo que lo convierte en uno de los más altos en cualquier tipo de letra.
Una medida práctica práctica es un "alfabeto" compuesto por las letras minúsculas de la a a la z. Un tipo de letra normal tiene aproximadamente 13 ems de largo. Si el alfabeto tipográfico es menor, es un tipo de letra condensado adecuado para componer párrafos de medida estrecha. Las longitudes de línea fácilmente legibles varían de alfabetos de 1-1 / 2 a 2-1 / 2.
Un em es una distancia horizontal que es equivalente a la altura vertical de la tipografía. Un espacio em para tipo de letra de 24 puntos tiene 24 puntos de longitud. Es proporcional al tipo de letra y varía con cada tamaño diferente.
fuente