Line-height being ignored in Viewer

[paperback]

Calibre 7.26 / LM 21 / Cinnamon 5.4.12.

Calibre Viewer is ignoring the line-height setting in the epub style sheet; Instead it is being set to a default by the viewer (looks like 1.2).

I hve tried every solution proposed on the internet to no avail. Setting it in the viewer styles doesn't work either. But it's still not a solution as the line-height should automatically follow the epub stylesheet line height.

This was definately working in older versions of calibre but it is inoperative in Calibre 7 26 (and at a guess probably for some considerable period before that).

[kovidgoyal]

The viewer uses chromium to render HTML, line-height most defintely work in it. If you have a book where it's not working attach it ot a bug report.

[paperback]

Example file uploaded. The paragraph iine-height has been set to 1.4 in the stylesheet but it makes no difference to the viewer's setting.

[kovidgoyal]

Works for me see attached screenshot, it even shows the effective line height in the inspector of 1.4

[paperback]

I can't really tell from the image if the line-height is displaying correctly or not. All I know is that the Calibre Reader is stuck at a line height of 1.2.

By the way, Line height does display correctly in the Calibre Editor – vary it and it changes visually, as expected. But not in the Calibre reader.

This does not affect the display on stand-alone devices, Kobo etc.

[JSWolf]

Originally Posted by paperback

I can't really tell from the image if the line-height is displaying correctly or not. All I know is that the Calibre Reader is stuck at a line height of 1.2.

By the way, Line height does display correctly in the Calibre Editor – vary it and it changes visually, as expected. But not in the Calibre reader.

This does not affect the display on stand-alone devices, Kobo etc.

Here is how you tell if the viewer is working or not. Edit the eBook to put in a large line height such as line-height: 4em;. Then you'll know if the viewer is respecting the line height in CSS.

[paperback]

Up to now the Reader hasn't displayed line-heights correctly. Now, for some reason, the problem has gone away.

So, issue closed. thanks.

[Quoth]

And also ebooks should never use line-height. The font metrics set a default and almost all ereaders let users vary line spacing.
A single line element, such as a title, subtitle, heading, Dinkus etc should use margins/padding to change space from other elements or the top of the page.

[JSWolf]

Originally Posted by paperback

Up to now the Reader hasn't displayed line-heights correctly. Now, for some reason, the problem has gone away.

So, issue closed. thanks.

When remove the line height from all eBooks, you can have the line height you want in the viewer by setting it to what you want.

[paperback]

The reason for setting line-height in the stylesheet is that I'm using an old Kobo reader which doesn't allow you to vary the line-height.

Also I prefer different line-heights for blockquotes, paragraphs, footnotes, heaadings etc.

[JSWolf]

Originally Posted by paperback

The reason for setting line-height in the stylesheet is that I'm using an old Kobo reader which doesn't allow you to vary the line-height.

Also I prefer different line-heights for blockquotes, paragraphs, footnotes, heaadings etc.

Have to tried setting the line height to something overly large to check that it's working?

[Quoth]

Originally Posted by paperback

The reason for setting line-height in the stylesheet is that I'm using an old Kobo reader which doesn't allow you to vary the line-height.

Also I prefer different line-heights for blockquotes, paragraphs, footnotes, heaadings etc.

No, don't use line-height except for real websites, and even there there are minefields.

Use font sizes, margins and padding. The font face and font size will set a default relative line-spacing.

Headings: biggest font-size, different face (often bold)
Quotes: Slightly bigger font and/or different face
body paragraphs: 1em = 12pt
footnotes: slightly smaller, usually a sans-serif face

EDIT:
A paragraph after chapter start, heading or dinkus will be additional stlyes.
A verse / lyric / poem / hymn etc (maybe a quote) will use three or five paragraph styles and each line is a paragraph:

First paragraph at entire start (optional for extra space)
First paragraph at start of a verse
Body of verse
Last paragraph of a verse
Last paragraph at entire end (optional, for extra space)

[JSWolf]

Originally Posted by Quoth

No, don't use line-height except for real websites, and even there there are minefields.

Use font sizes, margins and padding. The font face and font size will set a default relative line-spacing.

Headings: biggest font-size, different face (often bold)
Quotes: Slightly bigger font and/or different face
body paragraphs: 1em = 12pt
footnotes: slightly smaller, usually a sans-serif face

EDIT:
A paragraph after chapter start, heading or dinkus will be additional stlyes.
A verse / lyric / poem / hymn etc (maybe a quote) will use three or five paragraph styles and each line is a paragraph:

First paragraph at entire start (optional for extra space)
First paragraph at start of a verse
Body of verse
Last paragraph of a verse
Last paragraph at entire end (optional, for extra space)

1em also equals 16px. And don't make any of the fonts other then the copyright page and smallcaps smaller then 1em.

[Quoth]

Originally Posted by JSWolf

1em also equals 16px. And don't make any of the fonts other then the copyright page and smallcaps smaller then 1em.

Oh, no. Never use px for margins, padding, font size etc, only for images. Also px doesn't always mean actual display pixels.

Fonts are not all the same size at 1em.

Subscripts, superscripts and sometimes short footnotes / marginalia can be less than 1em.

The real SMALL CAPS may actually be smaller than the regular text even when the same size, so if real SMALL CAPS they should be the same size as the paragraph they are in.