"Before desktop publishing, typesetters worked with physical metal type. They set lines of text within a composing stick, and the width of the stick was called the measure. It was literally the space you could fit type into, and everything else on the page - from column widths to margins and gutters - was designed around it. A good measure makes reading text comfortable, while a bad one makes it more difficult."
"In my CSS, I start by defining a custom property: :root { --measure: 60ch; } are ideal for this because they relate to the width of the zero ( 0) character in a chosen font. Somewhere between 60-70 characters per line is a comfortable reading length, so 65 characters feels natural. Different typefaces produce different real-world line lengths, even when the character count stays the same."
The measure is the length of a line of text and originally referred to the width of the composing stick used by typesetters. A proper measure makes reading comfortable while a poor measure hinders readability. Define a CSS custom property (for example --measure: 60ch) to centralize line length and apply it across layout elements. The ch unit relates to the width of the zero character, and a target between 60–70 characters per line, often around 65, is comfortable. Different typefaces, x-height, condensed or wide proportions, and tracking changes alter perceived measure, so treat 60ch as a baseline and adjust by eye.
Read at CSS-Tricks
Unable to calculate read time
Collection
[
|
...
]