Hello! I hope I'm posting in the right forum.
I'm helping a friend to create an ebook which will eventually be published. We already created an epub (using indesing and calibre e-book editor), and I converted the book to .mobi using KindlePreviewer. Although the output file looks good on the KindlePreviewer, I checked it in a Kindle Paperwhite, and I get some weird looking text (example in attached image) on some paragraphs which have a certain style. I've been trying to find out what is the cause but I can't seem to find one.
The encoding for every file is encoding='utf-8'.
I'll paste the xhtml and css for the text in the picture in order to help
I hope you can help me too resolve this issue in order to avoid it in the future (since I create ebooks for work).
(The xhtml and css is messy because it was created by my friend, who doesn't know how to edit it.)
Thanks for reading!
I'm helping a friend to create an ebook which will eventually be published. We already created an epub (using indesing and calibre e-book editor), and I converted the book to .mobi using KindlePreviewer. Although the output file looks good on the KindlePreviewer, I checked it in a Kindle Paperwhite, and I get some weird looking text (example in attached image) on some paragraphs which have a certain style. I've been trying to find out what is the cause but I can't seem to find one.
The encoding for every file is encoding='utf-8'.
I'll paste the xhtml and css for the text in the picture in order to help
Code:
p.titulo_3blanco {
-epub-hyphens: none;
-webkit-hyphens: none;
color: #1d1d1b;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.083em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.2;
margin-bottom: 23px;
margin-left: 0;
margin-right: 0;
margin-top: 28px;
orphans: 1;
page-break-after: avoid;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
widows: 1;
}Code:
<p class="Titulo1grande---indice"><a href="epub_breviario-10.xhtml#uEZvBBaBuGbEt9Xc34VIH7A">Los Diseños Nacionales</a></p>
<p class="Titulo2---indice" xml:lang="en-GB"><a href="epub_breviario-10.xhtml#uky2JaBVxFCLXcwsUdR9Ku7">17. Alemania</a></p>
<p class="titulo_3blanco---indice" xml:lang="en-GB"><a href="epub_breviario-10.xhtml#unKeC7Ijr9hDhSFeFp8T4gD">ULM</a></p>
<p class="titulo_3blanco---indice" xml:lang="en-GB"><a href="epub_breviario-10.xhtml#uNSDUWpq4Ulfspi4FK83TTF">El Nuevo Diseño Alemán (NDA)</a></p>
<p class="titulo_3blanco---indice" xml:lang="en-GB"><a href="epub_breviario-10.xhtml#uBY8ZOVXxmyM9ovSlaEAX8F">Acerca de la Identidad alemana en Diseño</a></p>(The xhtml and css is messy because it was created by my friend, who doesn't know how to edit it.)
Thanks for reading!