Quote:
Originally Posted by dgatwood
Using a custom SVG block per letter is probably overkill.
What you're seeing is that on some Kindle devices, you cannot set the line height to less than 1.2x the font size, because Kindle's interpretation of CSS is deliberately brain damaged by design.
However, assuming your descenders aren't too tall, you should be able to achieve the same effect by leaving the line height set to 1.2em and using negative bottom margins with overflow-y: hidden.
|
With
PHP Code:
.dropcap{font-size:4.7em;line-height:1.2em;margin-right:3pt;margin-bottom:-1em;overflow-y: hidden}
unfortunately, nothing changes...
SVG solves it, but it could be a long work (I used 3 svg for a
«…Y 
)