CSS solution for words cut-off in kepub full screen reading

[GeoffR]

Originally Posted by arspr

Unless you are speaking about another thing, I still cannot replicate your behaviour. I've redone the tests using kobo-ebook.css instead of the book internal css tables and everything continues as I posted before.

Note that kepub-book.css stopped working after firmware 3.2.0. This is why it is necessary to patch the built-in stylesheet in libnickel.

[arspr]

Originally Posted by GeoffR

Note that kepub-book.css stopped working after firmware 3.2.0. This is why it is necessary to patch the built-in stylesheet in libnickel.

(I think there are enough smacks)



(Some more were needed).

I was wrong with one of my first posts. Font-trimming issue is fully dependant on Fullscreen mode. As I thought it wasn't (maybe in the past it wasn't) I've been turning it on/off all the time and therefore I was making mistake after mistake.

I *think* I get it right now:

• Show header and footer ON (default supported feature):
  • GUI margin at 0 AND body padding in ebook at 0: Trimmed fonts even when the screen has some room. ACCESS doesn't really have a true 0 margin...
  • GUI margin in any other position OR body padding in ebook at any other value: OK, no issues.
• Show header and footer OFF (aka fullscreen mode, undocumented and unofficial feature):
  • body margin AND padding in ebook at 0: No word trimming bug but you have font trimming bug no matter what you do with the GUI margins.
  • body margin OR padding in ebook at any other value: Word trimming bug. Because of the word trimming bug I cannot evaluate the font trimming bug in the right margin, but looking at what happens in the left:
    • body margin is set at any value, padding in 0:
      • GUI margin in 0: Font trimming bug.
      • GUI margin at any other value: No font trimming bug.
    • body padding is set at whatever value: Font trimming is fixed even with GUI margin = 0.

(Of course when I say "whatever value", it really means "whatever value which gives enough room to the negative side bearing, aka the 'protrusion'")

So as a brief summary (not exhaustive):

• body padding different than 0 always fixes the font trimming issue.
• GUI margin different than 0 fixes the font trimming BUT in fullscreen mode.
• Right now either body margin or padding different than 0 cause the word trimming issue in fullscreen mode.
• I cannot edit/see the internal code of my "official" DRM kepubs, but the behaviour seems to be exactly the same as in sideloaded ones.
• Yes, kepub-book.css doesn't seem to work.

GeoffR, could you confirm if you can replicate these, I hope, final scenarios...?

[Varming]

Could someone please explain to a noob how to edit this? Is it a setting in Calibre, a file I should find and open in Notepad or what?

[arspr]

Originally Posted by Varming

Could someone please explain to a noob how to edit this? Is it a setting in Calibre, a file I should find and open in Notepad or what?

Unless you really want to start understanding HTML and CSS, the easiest thing to do to avoid both issues is:

• Do not use FullScreen Mode. (It's hidden and unofficial so you won't be probably using it). You'll avoid word trimming issue.

AND

• Set margin slider in Kobo GUI at a value bigger than 0 to avoid the Font Trimming issue.

Speaking of it... I haven't tested the word trimming bug for a while. (My books always have 0 margins to I'm "immune" to it). Has anyone tested it recently?

(I can confirm that the "lesser" font trimming issue is fully active).

[GeoffR]

Originally Posted by Varming

Could someone please explain to a noob how to edit this? Is it a setting in Calibre, a file I should find and open in Notepad or what?

As arspr noted you can avoid the problem by not using full-screen mode. You can also avoid it by sideloading the books as epubs, as the bug only affects the kepub reader. But if you want to read sideloaded kepubs in full-screen mode then the easiest way to avoid the problems is to

1. Create a text file named kobo_extra.css in the root directory of your ereader (I've attached an example kobo_extra.css)

2. In Calibre, customize the KoboTouchExtended plugin (Preferences > Plugins > Device Interface plugins) and tick the "Modify CSS" box.

Thereafter all the kepubs you send to the device from Calibre will have the extra CSS added automatically.

(An alternative, which also works with kepubs synced from Kobo servers, is to patch the firmware and enable the `Fix kepub side bearing font cut off bug` and `Kepub zero body margin/padding` patches.)

[Varming]

Ok, I got it - thanks a lot!