Fontsize
Open, HighPublic

Description

CSS should set font dimensions so that normal page/article text (accounting for any sidebars, etc.) should have 9-12 words per line for unjustified text. (ref: https://www.fonts.com/content/learning/fontology/level-2/text-typography/length-column-width). Other sources cite 60-75 characters including spaces which I guess has similar results (ref: https://baymard.com/blog/line-length-readability).

Currently we have a rather wide main content area design which would likely result in quite large text. So we should ask ourselves how much space we want to dedicate to sidebars (in a responsive way where sidebars appears/dissappear dynamically) and other content or if the website width should be reduced in general.

Related Objects

StatusAssignedTask
OpenNone
OpenBAndiT1983
sebastian created this task.Jun 2 2017, 7:35 PM
sebastian updated the task description. (Show Details)
sebastian raised the priority of this task from to High.
sebastian assigned this task to BAndiT1983.
sebastian added subscribers: sebastian, RexOr.
RexOr added a comment.EditedJun 12 2017, 9:36 PM

I don't know about this 9 to 12 word thing that you've mentioned before. When I look at http://apertus-d8-dev.w4f.eu/drupal8/products on a desktop the text seems great. It should be ever so slightly larger possibly, but I'm not sure about limiting text to 9 words per line. If this has been fashionable with websites at some point in the past then what works best for us should be what's important, as opposed to conforming to previous standards.

It reminds me of a mobile website version I took a screenshot of recently. The text was quite small but the page appearance was clean and beautiful. Will upload it when I can get into the device.

Edit - BD are using 15 to 25 non-justified and centrally aligned in places where two columns aren't being used. The only places I can see 9-12 are in columns (non-justified left-aligned)... the thing with columns is there have been complaints about them.

This word rule is not a standard or trend or design choice.
It's the result of research that evaluates how we humans with our eyes and brains are most effective at reading - meaning we do not loose track of where we are in the sentence and need the least amount of concentration while reading.