Hi there,
I am having an issue when I convert my Kindle to AZK format (for iOS) where within some paragraph there is a variation in line height from one line to the next.
This happens when a paragraph contains a quote which extends at least the full length of a line. To provide more detail:
1) Quotes appear in a span tag like <span class="Quote"> within the paragraph (paragraph enclosed in a <p> tag)
2) The font size of a quote (set in the CSS) is smaller than the font size of the paragraph, and the font is bold.
3) line-height is set on the paragraph class (<p> tag) but not on the quote class (<span> tag)
4) In this example the paragraph <p> font-size is 0.95em and line-height is 1.287em; quote <span> font-size is 0.803em
The Kindle Fire etc. is obeying the line-height of the paragraph regardless of span tags within the paragraph. However it appears to me that Kindle for iOS is not obeying the line-height of the <p> tag if the text in the <span> tag extends the full length of a line. Possibly it still does use the line-height set in the <p> tag (eg. 1.287em) but because all the text on the line is 0.0803em (instead of 0.95em) it recalculates the line-height based on this lower font-size value??
In other words it is like the Kindle Fire calculates line-height a paragraph at a time while Kindle for iOS calculates line-height a line at a time??
Does anyone have any ideas how to solve or workaround this issue?
Many thanks in advance for your help. Heulwen
I am having an issue when I convert my Kindle to AZK format (for iOS) where within some paragraph there is a variation in line height from one line to the next.
This happens when a paragraph contains a quote which extends at least the full length of a line. To provide more detail:
1) Quotes appear in a span tag like <span class="Quote"> within the paragraph (paragraph enclosed in a <p> tag)
2) The font size of a quote (set in the CSS) is smaller than the font size of the paragraph, and the font is bold.
3) line-height is set on the paragraph class (<p> tag) but not on the quote class (<span> tag)
4) In this example the paragraph <p> font-size is 0.95em and line-height is 1.287em; quote <span> font-size is 0.803em
The Kindle Fire etc. is obeying the line-height of the paragraph regardless of span tags within the paragraph. However it appears to me that Kindle for iOS is not obeying the line-height of the <p> tag if the text in the <span> tag extends the full length of a line. Possibly it still does use the line-height set in the <p> tag (eg. 1.287em) but because all the text on the line is 0.0803em (instead of 0.95em) it recalculates the line-height based on this lower font-size value??
In other words it is like the Kindle Fire calculates line-height a paragraph at a time while Kindle for iOS calculates line-height a line at a time??
Does anyone have any ideas how to solve or workaround this issue?
Many thanks in advance for your help. Heulwen