[RbnJrg]

Originally Posted by graycyn

Thanks for the help! I knew about @supports, but have no experience actually using it, and I'm not sure I'm entirely comfortable with it.

However, the question in my mind is, does KINDLE work with these @supports EPUB rules, being that any epub will be converted? I don't want to get too complicated, my old brain is happiest with keeping things simple.

KINDLE is the first device so far that I've encountered with "first-letter" support, but NOT "initial-letter."

Not to say I won't encounter more such, but Kindle is definitely a major player in the e-reading world. I'm fine with things falling back to straight plain text; that's not critical mass, as that's how anyone reading epub on a Kobo would see the book as well.

If you want a drop-cap, then you don't need the "initial-letter: X;" property; Kindle will build the drop cap for you. Just employ the standard code:

.noIndent {
   text-indent: 0;
}

.dropCap {
   float: left;
   font-weigth: bold;
   font-size: 3.6em; /* or whatever you want to write here */
   margin: 0 5px 0 0;
}

And in your .xhtml file write something like:

<p class="noIndent"><span class="dropCap">L</span>orem ipsum...</p>

With that simple code Kindle will format perfectly the drop cap for you. Of course, you also can employ the pseudo-element first-letter:

p.dropCap {
   text-indent: 0;
}

p.dropCap::first-letter {
   float: left;
   font-weigth: bold;
   font-size: 3.6em; /* or whatever you want to write here */
   margin: 0 5px 0 0;
}

and

<p class="dropCap">Lorem ipsum...</p>