¿Es esta fórmula para aproximar el recuento de caracteres por línea en un div correcto?

Question

me encontré con algunos website que dice

En el ejemplo anterior, la columna 1 tiene una anchura fija: se ha ajustado a 400 píxeles de ancho. Con la reproducción de texto a 12 px esto daría como resultado una medida de aproximadamente 66 caracteres por línea. Si su lector aumenta el tamaño del texto a 16 px, entonces la medida se reduce a 50 caracteres por línea.

El CSS para su columna 1 es DIV#col1 { width:400px }

Por el momento, no estoy tan preocupado con algún caso escenario en el que el lector aumenta el tamaño del texto.

No entiendo de dónde saca sus proporciones de, pero esta fórmula parece dar cuenta de ambas proporciones que da:

approximate charcount per line = [2 * (div width)]/(font size) 

Las unidades de la fórmula son píxeles ...

Más abajo da dos ejemplos más, y la fórmula todavía parece contener ...

¿Es correcta esta fórmula? ¿Por qué está dando esas proporciones?

Me gustaría pensar que alguien le preguntó a esto antes, pero tal vez no tengo los términos de búsqueda equivocadas :)

Answer 1

Los ejemplos y la fórmula y las notas en la página citada resumen la idea simple de que el ancho de un carácter es la mitad del tamaño de la fuente.

Eso es simplemente una regla empírica basta y no muy precisa incluso como promedio. El ancho depende de la fuente y del personaje. El "ancho promedio de los caracteres" es un concepto muy vago. En tipografía, p. en "The Elements of Typographic Style" de Robert Bringhurst, la longitud del alfabeto en minúsculas en inglés (de la a a la z) se usa como medida, pero en realidad significa calcular el promedio sobre esas letras, como si los textos solo constaran de ellas y con cada personaje es igualmente frecuente.

En realidad, el ancho promedio de los caracteres en la prosa inglesa parece estar más cerca de 0.4 del tamaño de la fuente en lugar de 0.5.

En conclusión, si desea ajustar el ancho de columna a, digamos, 50 caracteres, entonces el siguiente es un intento razonable: navegadores

width: 20em; 
width: 50ch; 

viejos que no soportan la unidad CSS3 ch luego utilizar 20em, que corresponde a la estimación 0.4. Puede utilizar una proporción algo mayor, o considerablemente mayor, si ha verificado (medido) que las sugerencias de fuentes principales hacen referencia a las fuentes donde los caracteres son relativamente anchos. Pero no es ciencia exacta. Incluso el uso de la unidad ch no es una ciencia exacta, ya que simplemente denota el ancho del dígito cero (0), aunque esto podría tratarse como una aproximación razonable del "ancho promedio del carácter".

Answer 2

un tamaño de píxel para una fuente da una altura, con una anchura que corresponde al cociente. La única manera de estar seguro del recuento de caracteres sería usar una fuente monoespaciada. Dicho esto, eso suena correcto. La única manera de saberlo con certeza es probar con la fuente que está utilizando (ya que pueden variar bastante significativamente en relación de alto a ancho, y definitivamente cambiará según el carácter utilizado).