Kobo fonts displaying spaces after em dashes

[Falkor]

It's getting usable very slowly..

[DNSB]

Originally Posted by Falkor

It doesn't do small caps, but the error handling seems to be better than that in v4, which I think is a big advantage. I don't think I ever managed to make it ignore my stylesheet.

If your stylesheet is correctly structured, RMSDK will disregard most unknown items. If there is an error, then you can find the entire stylesheet being tossed.

For instance, the first paraindent class will be accepted but do nothing if the version of RMSDK is not new enough. The second paraindent class with the missing semicolons will be an error.

.paraindent {
text-indent: 1.5rem;
line-height: 1.05rem;
}

.paraindent {
text-indent: 1.5em
line-height: 1.05em
}

[JSWolf]

But rem is just stupid since it does nothing different then em.

[DNSB]

Really? Assume the base font size is set to 1em. When using em, sizes compound. Something like a header with the size set to 1.5em and a subelement set to 1.25em, the subelement comes up at 1.875em whereas using rem for both, the subelement would show up at 1.25em. For my uses, rem makes the whole layout more predictable.

In one book, where the nested elements ended up with text that looked as if it had been designed by someone who has partaken freely of alcoholic libations, converting most of the em to rem made the problems go away. And no, the book was not created in Vellum.

The first attachment uses em, the second used rem.

[JSWolf]

But if you want backwards comparability, rem is out.

[DNSB]

Oddly, when I tested the code on my Kobo Sage, the rem seemed to be treated as an em by RMSDK whereas the Kobo renderer showed similar to what I see in Sigil's preview. Perhaps a bit too experimentalist approach for some people tastes but it works for me.

Image #1 is from Sigil's preview, image #2 is from RMSDK on a Sage, image 3# is from Kobo's renderer on a Sage.

.goniff {
text-align: center;
font-size: 1.5em;
margin-top: 5em;
font-weight: bold;
}

.itty {
font-size: 1.25em;
}

.goniffr {
text-align: center;
font-size: 1.5rem;
margin-top: 2rem;
font-weight: bold;
}

.ittyr {
font-size: 1.25rem;
}

  <h3 class="goniff">This is the first line<br/><span class="itty">and this is the second line</span></h3>

  <h3 class="goniffr">This is the first line<br/><span class="ittyr">and this is the second line</span></h3>