[JSWolf]

Originally Posted by Karellen

I recently discovered that font-variant: small-caps; does not work in epubs used in Kobo Libra2

Now I have also noticed that quotes are a bit temperamental.

For example, when a character reads a printed document verbatim, it is usually displayed with wider margins, and maybe italicized. I tried replicating this with the following using <p class="quote"></p>

Spoiler:

.quote {
display: block;
font-size: 0.9em;
font-style: normal;
font-family: inherit;
padding-left: 50px;
padding-right: 50px;
padding-top: inherit;
padding-bottom: 0.1em;
text-indent: 0;
}

But the Libra2 completely ignored that and the quoted text just looked like the rest of the page.

The Libra2 expects <blockquote></blockquote>, then it displayed as quoted text.

I cannot stand those fake blockquotes. The following CSS code is what I use for blockquotes.

blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}

If the blockquote ends at the bottom of the page, I use the following code.

.blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
}

<blockquote class="blockquote">
<p>"This is at the end of the chapter"</p>
</blockquote>