Quote:
Originally Posted by violent23
That's the thing, I am not using .epubs I am using Kobos proprietary .kepub format that only works on their own apps and devices.
Depending on if Mantano strips all settings when displaying .epubs has a lot to do with how the .epub displays on screen. Your particular .epubs could have very wide margins settings that are read and shown on the H20 (thus resulting in no way that the text could be cut off) but are completely ignored in Mantano, which could very well result in your .epubs displaying like you say they do.
But my point is that Kobo sell their own devices (the Aura and such) with their own in house made firmware and they sell their own eBooks with their own proprietary format (.kepub) that directly results in their device having cut off text. With the amount of control Kobo is able to have over their devices, it's firmware and their eBooks there is no excuse for visual bugs this many years in.
|
Mantano is the
only epub reading app that I've tried that renders epubs according to what the css contains while still allowing for adjustment of line-height and margins without screwing up something else. But kobo also does a wonderful job at this, especially with the patched firmware. And no more cutoff text for me.
Here is the common things all my epubs use:
Code:
@import url('res:///css/mantano.css');
@page { margin: 0em; }
body { display: block; margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; text-align: justify; /*font-family: "Serif";*/ font-size: 1.0000em; line-height: 1.0475em; }
p { display: block; margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; orphans: 0; widows: 0; }
And here is my mantano.css file which references fonts (but is ignored on the kobo because the file doesn't exist):
Code:
/* Serif OTF */
@font-face { font-family: serif; font-weight: normal; font-style: normal; src: url('res:///fonts/normal.otf'); }
@font-face { font-family: serif; font-weight: bold; font-style: normal; src: url('res:///fonts/bold.otf'); }
@font-face { font-family: serif; font-weight: normal; font-style: italic; src: url('res:///fonts/italic.otf'); }
@font-face { font-family: serif; font-weight: bold; font-style: italic; src: url('res:///fonts/bolditalic.otf'); }
/* Myriad Pro Sans Serif */
@font-face { font-family: sans-serif; font-weight: normal; font-style: normal; src: url('res:///fonts/MyriadPro-Regular.otf'); }
@font-face { font-family: sans-serif; font-weight: bold; font-style: normal; src: url('res:///fonts/MyriadPro-Bold.otf'); }
@font-face { font-family: sans-serif; font-weight: normal; font-style: italic; src: url('res:///fonts/MyriadPro-It.otf'); }
@font-face { font-family: sans-serif; font-weight: bold; font-style: italic; src: url('res:///fonts/MyriadPro-BoldIt.otf'); }
/* Consolas Monospace */
@font-face { font-family: monospace; font-weight: normal; font-style: normal; src: url('res:///fonts/consola.ttf'); }
@font-face { font-family: monospace; font-weight: bold; font-style: normal; src: url('res:///fonts/consolab.ttf'); }
@font-face { font-family: monospace; font-weight: normal; font-style: italic; src: url('res:///fonts/consolai.ttf'); }
@font-face { font-family: monospace; font-weight: bold; font-style: italic; src: url('res:///fonts/consolaz.ttf'); }
body { font-family: serif; font-size: 1.0000em; }
p { display: block; margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; orphans: 0; widows: 0; }