Calibre changes drop cap on converting epub -> azw3

[AlanHK]

I have a book using drop caps I coded in epub.

used this css:

.Dropcap {
	float:left;
	font-size:5em;
	line-height:1;
	margin-bottom:-0.275em;
	margin-right:0.05em;
	margin-top:-0.06em;
}

which makes a 3-line high drop cap.

In chapters that begin with a quote, I put the quote and the first letter in the span:

 <p class="noindent"><span class="Dropcap">&lsquo;D</span>o you want to go see some paintings?&rsquo; I ask

And that works (though I would like to use a hanging quote, if anyone has a simple way to do that?)

So I run this through Calibre to make AZW3, and notice that the chapters beginning with a quote are only two line drop caps.
Looking at the code, it's created a new style for those.

.Dropcap {
  float: left;
  font-size: 5em;
  line-height: 1;
  margin-bottom: -0.275em;
  margin-right: 0.05em;
  margin-top: -0.06em;
}
.Dropcap1 {
  float: left;
  font-size: 2em;
  line-height: 1;
  margin-bottom: -0.275em;
  margin-right: 0.05em;
  margin-top: -0.06em;
}

The original Dropcap is exactly as I made it, but there is now a "Dropcap1" which is 2em high, not 5.

So I used Calibre editor to change those chapters to just "Dropcap", that worked.

Why did Calibre do this?

[kovidgoyal]

Use the setting in the look & feel section of the conversion dialog to not rescale font sizes.

[AlanHK]

Originally Posted by kovidgoyal

Use the setting in the look & feel section of the conversion dialog to not rescale font sizes.

Thanks, that did it!

But why was it rescaling those instances?

[kovidgoyal]

Font rescaling rescales all font sizes in the book. The user manual has a section explaining how it works. http://manual.calibre-ebook.com/conv...size-rescaling

[increase]

Originally Posted by AlanHK

I have a book using drop caps I coded in epub.

used this css:

.Dropcap {
	float:left;
	font-size:5em;
	line-height:1;
	margin-bottom:-0.275em;
	margin-right:0.05em;
	margin-top:-0.06em;
}

which makes a 3-line high drop cap.

In chapters that begin with a quote, I put the quote and the first letter in the span:

 <p class="noindent"><span class="Dropcap">&lsquo;D</span>o you want to go see some paintings?&rsquo; I ask

And that works (though I would like to use a hanging quote, if anyone has a simple way to do that?)

So I run this through Calibre to make AZW3, and notice that the chapters beginning with a quote are only two line drop caps.
Looking at the code, it's created a new style for those.

.Dropcap {
  float: left;
  font-size: 5em;
  line-height: 1;
  margin-bottom: -0.275em;
  margin-right: 0.05em;
  margin-top: -0.06em;
}
.Dropcap1 {
  float: left;
  font-size: 2em;
  line-height: 1;
  margin-bottom: -0.275em;
  margin-right: 0.05em;
  margin-top: -0.06em;
}

The original Dropcap is exactly as I made it, but there is now a "Dropcap1" which is 2em high, not 5.

So I used Calibre editor to change those chapters to just "Dropcap", that worked.

Why did Calibre do this?

I tried this and it works on epub3 o n an android using 4.2.2 but the drop cap does not appear in android 7.

Is there any way around this?

[theducks]

Originally Posted by increase

I tried this and it works on epub3 o n an android using 4.2.2 but the drop cap does not appear in android 7.

Is there any way around this?

1) Android is not a e-book viewer. It is a OS . Moon+ is a viewer.
In the viewer you need to set (allow) it to use Publishers fonts and stylesheets/ (Good luck. Not all allow this, nor do it properly when they do )

[JSWolf]

Originally Posted by theducks

1) Android is not a e-book viewer. It is a OS . Moon+ is a viewer.
In the viewer you need to set (allow) it to use Publishers fonts and stylesheets/ (Good luck. Not all allow this, nor do it properly when they do )

In otherwords, most Android ePub apps are garbage because they don't respect the CSS.

[theducks]

Originally Posted by JSWolf

In otherwords, most Android ePub apps are garbage because they don't respect the CSS.

The Authors know their way is better
FWIW it does get REAL tricky trying to allow users to make all their adjustments. If it was jus Scaling, then playing with Body, might be enough, allowing the rest

[JSWolf]

Originally Posted by theducks

The Authors know their way is better
FWIW it does get REAL tricky trying to allow users to make all their adjustments. If it was jus Scaling, then playing with Body, might be enough, allowing the rest

You've responded to a post that's been moved as part of a new thread.

[BetterRed]

Originally Posted by JSWolf

You've responded to a post that's been moved as part of a new thread.

My error I moved the wrong posts in the wrong thread :lol:

BR

[increase]

OK, I am using moon reader pro and it seems you have to set the moonreader options

1. Load the ebook.
2. Tap in the center of your tablet screen in order that the menu appears in the bottom.
3. Tap in the Options icon (the last one on the right side).
4. Select "Miscellaneous".
5. ENABLE "Show 'Preview with publisher formatting' Button on top bar".
6. UNCHECK "Disable CSS styles".

Then they display

[theducks]

Originally Posted by increase

OK, I am using moon reader pro and it seems you have to set the moonreader options

1. Load the ebook.
2. Tap in the center of your tablet screen in order that the menu appears in the bottom.
3. Tap in the Options icon (the last one on the right side).
4. Select "Miscellaneous".
5. ENABLE "Show 'Preview with publisher formatting' Button on top bar".
6. UNCHECK "Disable CSS styles".

Then they display

That is what I was trying to say without knowing which you had.
FWIW I have the same app. I use it to check my work when other devices (my K4nt and Kobo) are not doing what I thought I did.

[rjwse@aol.com]

<style>
dropcap, h1 ~ p:first-of-type:first-letter, h2 + p:first-letter, h2 + img + p:first-letter, h2 + img + img + p:first-letter {
color: red;
font-size: 2em;
line-height: 1em;
float: none;
/*float:none makes TALLcap*/}
dropcap, h1 + p, h2 + p, h1 + img + p, h2 + img + p, h2 + img + img + p {
text-indent: 0;}</style>

The above works good for me. I put the dummy word 'dropcap' first to alphabetize the css. The 'text-indent:0;' makes the first paragraph of a chapter nonindented for the dropcap. I inserted 'img' in between 'h1' and 'p' because quite often I want a dropcap after an h1 which is followed by an image, then a p. This method automatically takes care of any double-quote starting the first paragraph. I prefer a TALLcap to a DROPcap, but it is a one word change. You can add h3 etc. if necessary. With this method you do not have to do anything at all in the text itself. Best regards, Pop

[JSWolf]

Originally Posted by rjwse@aol.com

<style>
dropcap, h1 ~ p:first-of-type:first-letter, h2 + p:first-letter, h2 + img + p:first-letter, h2 + img + img + p:first-letter {
color: red;
font-size: 2em;
line-height: 1em;
float: none;
/*float:none makes TALLcap*/}
dropcap, h1 + p, h2 + p, h1 + img + p, h2 + img + p, h2 + img + img + p {
text-indent: 0;}</style>

The above works good for me. I put the dummy word 'dropcap' first to alphabetize the css. The 'text-indent:0;' makes the first paragraph of a chapter nonindented for the dropcap. I inserted 'img' in between 'h1' and 'p' because quite often I want a dropcap after an h1 which is followed by an image, then a p. This method automatically takes care of any double-quote starting the first paragraph. I prefer a TALLcap to a DROPcap, but it is a one word change. You can add h3 etc. if necessary. With this method you do not have to do anything at all in the text itself. Best regards, Pop

That's not a dropcap. It's a raised cap. Depending no how larger the raised cap is, it may not look good on a Kindle eBook.

[rjwse@aol.com]

Sorry if I was not clear. change 'float;none' to 'float:left' and the tallcap will descend. Tweak 'line-height' and 'font-size' to taste. best regards, Pop