Quote:
Originally Posted by JSWolf
In my testing, when I increase the font size, the line-height stays the same relative to the font size.
Doing it your way of using a fixed value, when I increased the font size, the lines overlapped. em is the best value to use.
|
Interesting. I always use 1.1 for the line-height and checking with my Kobo collection and ADE, when I increase the font size. the line spacing remains the same relative to the font size. Using your WotW v4 with line-height set to 1.1, the gap between the lines remained the same fraction -- if I doubled the font size (measured by my trusty calipers using the width of the capital M in Mars), the gap between the descender in one line and the ascender in the line below also doubled (I played with the margins slider on the Kobos to force them to line up closely enough to measure). There was never any overlap from the smallest to the largest font size setting. Text for the start of Chapter One went from 'Chapter One ... years of the' at the largest setting to 'Chapter One ... apostles of mercy as to' at the smallest setting on the Kobo Aura.
Again line-height: 1.1 is not a fixed value -- it is saying to use 1.1 times the
current font size.
<pedantic mode on>
To quote from the definition I've seen used in almost every line-height tutorial:
Possible Values
Value Description
inherit Explicitly sets the value of this property to that of the parent.
normal Sets the line height to a ‘reasonable’ value relative to the element’s font face. Browser dependent results. CSS2 recommends a computed value between 1.0 and 1.2.
[length] This sets the ‘line-height’ to an explicit length value. Negative values are not allowed.
[number] This number is a multiplier to determine the line height as a factor of the current element font-size. To determine the line height from the [number], multiply the current element font-size by the [number]. Child elements will inherit the multiplying factor. Negative values are not allowed.
[percentage] This number is also a multiplier (like [number]) used to determine the line height as a factor of the current element font-size. To determine the line height from the [percentage], multiply the current element computed ‘font-size’ by the [percentage]. Negative values are not allowed.
<pedantic mode off>
Regards,
David