Reply To: Indesign cs4 to Epub drop cap help

To do the drop cap with an image, use an img class. Here's the css code.

img.dropcap {

float:left;

}

Then in your html, tag all of those drop cap images with class=”dropcap” (you can change dropcap to something else if you want). Not sure if you can export from InDesign with the class already applied. That would be cool but I don't know how to do it. I know in CS 5.5, InDesign uses object styles to create div classes but I'm not sure how to create img classes.

To do your drop cap with text, you can embed the font you want to use for the dropcap (it's an option in the output I think on the Contents tab) and then use this code in your css:

span.dropcap {

font-family: “font name”;

font-weight: bold;

font-size: 4em;

float:left;

line-height: 1em;

}

In CSS, “dropcap” is the span class. In InDesign, it's a character style (you can use something other than dropcap if you want of course). In CS 4 I think you may need to use Jongware's handy preptext script to turn drop caps and nested styles into regularly applied character styles. Make your drop cap style bold and preptext will create a “bold” character style that you can then rename to dropcap (or whatever you like to match your css span class) provided you don't have any other bold in your file – if you do, use small caps to create the Scap style or pick one of the other styles it creates. You don't need to do this in 5.5 as InDesign now outputs dropcaps and nested styles as character styles.