Hi all, I'm trying to get the knack of drop caps in epubs. I thought I'd cracked it, because the following code works well in both Sigil and ADE, but it goes a bit bizarre on both my Kobos.
What I'm using is:
and what I'm seeing, on both the Touch (2.6.2) and the Aura (2.8.1), is the drop cap letter at least twice the size as it appears in ADE, displaced to the right by about 4 ems and upwards by about 3 ems, overlaying the body text and only roughly the bottom 1/3rd of the letter visible.
Can anyone help me understand why, and suggest how to fix the code?
(I know, I can just play around with settings until it works, and I'm willing to do that; but I'm not proficient at CSS, so I'd also like to understand why this is happening. Or does Kobo's renderer just not support drop caps?)
What I'm using is:
Code:
.C_DropCap {
font-family: "Palatino Linotype";
font-weight: bold;
font-size: 420%;
overflow: hidden;
float:left;
margin-top: -0.17em;
margin-bottom: -0.30em;
margin-right: 0.05em;
}Can anyone help me understand why, and suggest how to fix the code?
(I know, I can just play around with settings until it works, and I'm willing to do that; but I'm not proficient at CSS, so I'd also like to understand why this is happening. Or does Kobo's renderer just not support drop caps?)
