[RbnJrg]

Hi friends;

As all you know, Amazon has developed a new ebook format, .kfx. Supposly, that new format, among others things, would deliver perfect drop caps for all kindle devices with support for .kfx. However things not to seem being so. Many times, before the drop cap there is a symbol (an "em" dash, a quotation mark, a question mark, etc.) and when that is the case, then things look awfull under .kfx (but they look fine under .kf8).

Watch the picture below:



In Kindle for Android, the page break after the drop cap is not present, but the cap (—L) looks tiny and there is a big gap before starting the text. I made a lot of trials but I couldn't fix the issue. The code I'm employing now (and works fine with .kf8) is the following:

<p><span class="dropcap"><span class="sm">—</span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc.

and the css styles are:

.dropcap {
  float: left;
  font-size: 3em;
  font-weight: bold;
  margin: -0.2em 5px -0.3em 0;
}

.sm {
  vertical-align: 40%;
  font-size: 40%;
}

Attached to this post, you can find the respective .epub.

I will appreciate any tip you can give me about how to solve this problem. Many thanks in advance.

Regards
Rubén