I have a zipped HTML source file that I've converted to AZW3 format via Calibre, and the text formatting and layout look the way I want. I then tried converting the zip to KFX to take advantage of enhanced typsetting, and a number of the styles changed. I'm wondering if these are limitations of the KFX format or if I'm doing something wrong.
For instance, there are sections of paragraphs that are outdented and show a ~ at the beginning. The CSS looks like:
Code:
div.thoughts p {
text-indent: 0;
padding-left: 1em;
position: relative;
}
div.thoughts p::before {
content: "~";
left: 0;
position: absolute;
}
That looks great with AZW3, but the "position: absolute;" seems to be ignored in the KFX file when viewed in the Kindle Previewer or on an Oasis 2. I'm wondering if the plugin is stripping the position, or if it's being ignored by the Kindle renderer.
On normal paragraphs, I've got "text-indent: 1em;" which again looks correct in AZW3 but seems to get converted to something that's more like .5em in the KFX. And when changing the font size, the text indent doesn't scale. It's like it's been set to a fixed pixel width.
There's also some left padding that I can't seem to get rid of on <ul> elements in KFX. And "font-family: monospace" text renders much bigger in the KFX version for some reason, even though the font-size is all 1em.
Are there any workarounds for these issues? Or am I doing something wrong? The only thing I seem to be getting from the "enhanced" typsetting is dropcaps looking correct and the 3x3 grid for quick navigation.