0

I'm working on an ebook and struggling to make a 3 line tall drop cap work on the actual kindle. It looks great in the kindle previewer. But when I try it on the kindle the drop cap is about 2x too small and centered around the middle line. I was hoping to find a solution where I could use dropcaps and still let the book be resizable. Any advice? Here's my code.

The dropcap

<span class="_idGenDropcap-1">M</span>

The css

span._idGenDropcap-1 {
    float:left;
    /*font-family:"PT Sans", sans-serif;*/
    font-family:"Times New Roman", serif;
    /*font-size:5.394em;*/
    font-size:300%;
    font-style:normal;
    font-weight:normal;
    line-height:0.3333333;
    margin-bottom:-0.216em;
    margin-right:0.05em;
    margin-top:-0.118em;
}

The font size 300% and line-height 0.3333 was my attempt to get it to resize right. It works great in the previewer :)

edit


I tried using the code sample from the Amazon kindle publishing guide an it's still wrong :)

@media amzn-kf8
{
 span.dropcaps
 {
 font-weight:normal;
 font-size:320%;
 float:left;
 margin-top:-0.3225em;
 margin-bottom:-0.3245em;
 }
}
@media amzn-mobi
{
 span.dropcaps
 {
 font-size:3em;
 font-weight: bold;
 }
}
<p class="para"><span class="dropcaps">T</span>his is a sample
  • If you're sideloading to get the file onto the Kindle, that could be the issue. I haven't used drop caps, but judging by the Kindle Publishing Guidelines, they're at least partly a feature of Enhanced Typesetting. ET gets added to the Kindle file when you upload it to Amazon, and Kindle Previewer 3 uses it internally when you view the file in the software. The file that KP3 exports doesn't include ET, so when you sideload it, those features will be missing. But users who buy the Kindle book from Amazon will have the ET features. – thinkulum Feb 11 at 14:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.