How/what do I edit in this to fix the appearance on my device?

[lomkiri]

Some working code to get a dropcap (I don't know if it works in a kindle though) :

https://www.mobileread.com/forums/at...1&d=1790102547

[JSWolf]

Originally Posted by Dal Bhat

The solution Karellen showed me was dropdead easy and, as far as I'm concerned, the best. Because it got me what I wanted with a few keystrokes and clicks and didn't otherwise change the appearance of the book on the Kindle.

That solution will not work properly on a Kindle. It doesn't line the line hight in the CSS.

[JSWolf]

Originally Posted by lomkiri

Some working code to get a dropcap (I don't know if it works in a kindle though) :

https://www.mobileread.com/forums/at...1&d=1790102547

But that only works if you like your line height for the regular text at the size you have it.

Can you come up with a solution that works regardless of what the line height is for the body text?

[Karellen]

Originally Posted by JSWolf

That solution will not work properly on a Kindle. It doesn't line the line hight in the CSS.

Still beating the dead horse, I see.

[lomkiri]

Originally Posted by JSWolf

But that only works if you like your line height for the regular text at the size you have it.

Can you come up with a solution that works regardless of what the line height is for the body text?

You're right, it works because there is a directive p {line-heigth: 1.25} in the CSS, and it doesn't if line-height is different.

To fix this, we need to remove the "heigth" directive in let1 (and optionally the "line-height" ones in let2 and let4 because they have no effect) and it will work with any line-height.

/* Lettrines */
.let1{
  display      : block;
  float        : left;
  margin-top   : -0.5em; 
  margin-left  : 1.30em;
  margin-right : 0.20em;
}
.let2{
  font-family:'Linux Libertine Display O';
  font-size    : 3.2em;  
}

/*Réglage Lettrine J, Q et Ç (let2 vers let4) */
.let4{
  font-family:'Linux Libertine Display O';
  font-size    : 2.9em;  
}

Examples with line-heigth in p() (or in body()) of 2.1 - 1.8 - 1.2 - 0.7
It woks also if we change the font-size in p{} or body {} (example with 1.4em)