My book's text doesn't display correctly

Wolfrott · 12-31-2013, 01:04 AM

Through Calibre on a Windows 7 machine, the book looks perfect. After I have converted it to the AZW3 format and synced it with my Kindle Paperwhite, the text no longer displays correctly.

It looks like this on my Kindle. What have I done wrong, and what can I do to fix it?

The beginning of the metadata looks like this:
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="UTF-8"/>
<title>Unknown</title>

<link href="../styles/0001.css" rel="stylesheet" type="text/css"/>
<link href="../styles/0002.css" rel="stylesheet" type="text/css"/>
</head>
<body class="calibre">
<h1 class="block" id="toc_id_1">CHAPTER 1</h1>
<p class="block1">Lorem Ipsum...

Sunlite · 12-31-2013, 06:48 AM

What is the content of the classes 'calibre' and 'block1' in the css file?

Look out for padding and margins.

theducks · 12-31-2013, 10:12 AM

If the PW is like the K4NT, there is a Change Fonts setting on the same page : Show Words per line: Fewest | Fewer | Default

Fewest will make it look like that

Wolfrott · 01-05-2014, 07:03 PM

Quote:

Originally Posted by Sunlite

What is the content of the classes 'calibre' and 'block1' in the css file?

Look out for padding and margins.

I hope I'm giving you the right information...

.block {
display: block;
font-family: "Calibri Light", sans-serif;
font-size: 1.25em;
font-weight: bold;
line-height: 1.2;
page-break-inside: avoid;
padding: 0;
margin: 12pt 0 0
}
.block1 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
line-height: 1.2;
text-align: justify;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.block2 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
font-weight: bold;
line-height: 1.2;
text-align: center;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.block3 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
font-family: serif;
font-size: 0.875em;
line-height: 1.2;
text-align: justify;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.calibre {
color: #2E74B5;
display: block;
font-family: "Calibri", sans-serif;
font-size: 1em;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
.calibre1 {
line-height: 1.2;
white-space: pre-wrap
}
.calibre2 {
font-style: italic;
line-height: 1.2
}

Wolfrott · 01-05-2014, 07:04 PM

Quote:

Originally Posted by theducks

If the PW is like the K4NT, there is a Change Fonts setting on the same page : Show Words per line: Fewest | Fewer | Default

Fewest will make it look like that

The PW does, but that setting only makes it narrower and narrower.

theducks · 01-05-2014, 07:22 PM

Quote:

Originally Posted by Wolfrott

The PW does, but that setting only makes it narrower and narrower.

Look at the margins of Block1,2&3 (order is T, R, B, L)

all 5's is common
I use 0 16pt 0 2pt because of the stupid block numbers in the right margin

Wolfrott · 01-05-2014, 07:59 PM

Quote:

Originally Posted by theducks

Look at the margins of Block1,2&3 (order is T, R, B, L)

all 5's is common
I use 0 16pt 0 2pt because of the stupid block numbers in the right margin

Thanks, I'll try this!

Wolfrott · 01-10-2014, 07:06 PM

Quote:

Originally Posted by theducks

Look at the margins of Block1,2&3 (order is T, R, B, L)

all 5's is common
I use 0 16pt 0 2pt because of the stupid block numbers in the right margin

No, it still does not work... I try to edit the changes to what you said, I hit save, convert the book to AZW3 format, sync it with my KPW. The page layout is still messed up. When I open up Calibre again, the settings have changed back to the following:

*EDIT* - It is working at the moment for some reason. I will update if it reverts back to the original narrow format!!

.block1 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
line-height: 1.2;
text-align: justify;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.block2 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
font-weight: bold;
line-height: 1.2;
text-align: center;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.block3 {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
font-family: serif;
font-size: 0.875em;
line-height: 1.2;
text-align: justify;
padding: 0;
margin: 0.5em 54.4pt 0.5em 42.6pt
}
.calibre {
color: #2E74B5;
display: block;
font-family: "Calibri", sans-serif;
font-size: 1em;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
.calibre1 {
line-height: 1.2;
white-space: pre-wrap
}
.calibre2 {
font-style: italic;
line-height: 1.2
}

12-31-2013, 01:04 AM	#1
Wolfrott Member Posts: 23 Karma: 10 Join Date: Dec 2013 Device: iPad Mini / Voyage	My book's text doesn't display correctly Through Calibre on a Windows 7 machine, the book looks perfect. After I have converted it to the AZW3 format and synced it with my Kindle Paperwhite, the text no longer displays correctly. It looks like this on my Kindle. What have I done wrong, and what can I do to fix it? The beginning of the metadata looks like this: <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta charset="UTF-8"/> <title>Unknown</title> <link href="../styles/0001.css" rel="stylesheet" type="text/css"/> <link href="../styles/0002.css" rel="stylesheet" type="text/css"/> </head> <body class="calibre"> <h1 class="block" id="toc_id_1">CHAPTER 1</h1> <p class="block1">Lorem Ipsum... Attached Thumbnails Last edited by Wolfrott; 12-31-2013 at 01:05 AM. Reason: More details.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Gentium Book font (ttf) doesn't render correctly	therealjoeblow	Kobo Reader	13	06-21-2015 09:24 AM
Kobo by FNAC doesn't display book cover	hedkandi	Kobo Reader	21	05-30-2013 05:10 AM
Why doesn't it convert this TOC correctly?	neonbible	Calibre	2	05-30-2012 07:40 AM
Book doesn't display text in night mode	Valkrider	Conversion	6	06-18-2011 09:25 AM
Chinese text in table of contents/book list does not show up correctly	doremifaso	PocketBook	0	06-20-2010 10:54 PM

12-31-2013, 06:48 AM	#2
Sunlite Addict Posts: 206 Karma: 547516 Join Date: Mar 2008 Location: Berlin, Germany Device: KObo Clara, Kobo Aura, PRS-T1, PB602, CyBook Gen3	What is the content of the classes 'calibre' and 'block1' in the css file? Look out for padding and margins.

12-31-2013, 10:12 AM	#3
theducks Well trained by Cats Posts: 29,800 Karma: 54830978 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	If the PW is like the K4NT, there is a Change Fonts setting on the same page : Show Words per line: Fewest \| Fewer \| Default Fewest will make it look like that