01-09-2013, 07:02 PM | #1 |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
Designing for Kobo
I've just designed an ebook which works well on my Sony PRS T2 and on my iPad with iBooks, and after being converted by calibre works well on my Kindle3 both in old mobi and azw3. I design my ebooks by hand with an HTML editor, and the html files and CSS validate to W3C standards. The ebook validates with ePubCheck and Flightcrew.
But a friend has tested it on her Kobo Touch, and it seems to be an absolute disaster - links don't go to the right page, the font size is too small, and there are several other problems. It's also a disaster using the Kobo app on my iPad2. The friend has tested other ebooks I've designed for me, and found although links didn't work the rest of the ebook worked well. Can anyone suggest where I might have done wrong? Is there a difference between how Kobo renders ePubs and how Sony renders ePubs? Are there any ePub designers here who read their ebooks on a Kobo? |
01-10-2013, 12:28 AM | #2 | |
Grand Sorcerer
Posts: 24,905
Karma: 47303822
Join Date: Jul 2011
Location: Sydney, Australia
Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos
|
I'm not book designer, but a Kobo Touch and Glo user. I do edit my copies of ePubs to improve my reading experience, so I have some knowledge of the ePub structure.
Quote:
The only other issue with links I have seen is the actual act of selecting them. If the link is small, say a number for a footnote, and the font is small, selecting them can be next to impossible. Increasing the font size has always solved this for me. That isn't really practical and I don't know how other touch devices handle the same issue. I have seen discussion here or in the Sigil forum about how to handle the issue, so I assume it isn't just Kobo devices having the problem. To me, font size should be set by the user. The Kobo devices have good control over font size. If an ePub uses relative sizes (em or whatever), this works very well. The same goes for the actual font. If the sized is fixed or the font is set, it can't be changed. |
|
Advert | |
|
01-10-2013, 12:58 AM | #3 |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
Thanks, David, that's most helpful and perhaps encouraging.
The navigation problem my friend reports is that the when she selects a link from the ToC to another section she is taken to the second page of that section, not the first page of the section. The text font size in the ebook is set in ems. Most of the headings and titles are set in percentage of em. I have set the font to sans-serif; could this be causing a problem? It certainly doesn't cause any problem with my Sony; I can's select any of the other six font option ands the text changes to whatever I've selected. Do you know of any other forum than MobileRead which discusses Kobo problems where I could get help? |
01-10-2013, 01:53 AM | #4 | |
Connoisseur
Posts: 68
Karma: 5484
Join Date: Aug 2012
Device: Nook2, Kobo glo, Kobo mini, iPad3
|
Links jump error problem, may be caused by the link target setting. In order to make an accurate judgement, suggest you upload Epub document.
Font too small problems, is because you used em units and fixed font sizes. So that would be difficult to have the desired effect on non-testing machine. It is a good method to use % as a font size unit. So, different machines and reading system can adjust font size by font menu. Quote:
|
|
01-10-2013, 02:19 AM | #5 |
Grand Sorcerer
Posts: 24,905
Karma: 47303822
Join Date: Jul 2011
Location: Sydney, Australia
Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos
|
I agree with oxen, it would be good to test the ePub to see what happens. To test the links, the full book is probably needed, but a sample with the stylesheet should do for the fonts.
|
Advert | |
|
01-10-2013, 02:20 AM | #6 | |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Quote:
|
|
01-11-2013, 01:32 AM | #7 |
Resident Curmudgeon
Posts: 75,860
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
What I have seen done that works is instead of using a single character superscripted to make it even harder to press is to use thinks like...
Go to the footnote for this sentence[1]. This is the next footnote[2]. That way, it will be easy to hit the right spots on the screen. Now, as for the font size being a reason why the links do not work properly is rubbish. Either they are not codded correctly or this is yet another Kobo bug. Given that they work everyplace but a Kobo Reader, I would say it is a bug in the Kobo. |
01-11-2013, 04:26 AM | #8 |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
Thanks for all your comments. Just to make things even more complicated I put together a very simple ebook with only a few links, and my friend tells me the links work well on this ebook.
So the current plan is to make the ebook more complex in small steps until it stops working in the Kobo. Then I'll have a better idea, I hope, about what is causing the problems. I'm afraid I can't upload the original ebook since it is a commercial ebook I designed for a small publisher in the UK. But as soon as the one I'm working on now for the MR library fails on a Kobo when it works well on the others I'll let you know and upload it for all to look at. I understand that the Kobo uses different parts of the screen for different purposes - clicking on the centre I think brings up the menu. Is this a possible cause for the problems I'm having? The Kobo might be confused between bringing up the menu and moving to another part of the ebook. I suppose I could put a link in the centre of the screen and see how the Kobo handles it. |
01-11-2013, 04:34 AM | #9 |
Evangelist
Posts: 450
Karma: 343115
Join Date: Nov 2009
Location: Romania
Device: PW2 2014
|
|
01-11-2013, 10:07 PM | #10 |
Curmudgeon
Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Another useful tip: Don't set the left and right margins for html or body tags to zero. If you do, Kobo (at least on iOS) will dutifully render part of the next page on the current one and won't let you go to the last page of any chapter.
|
01-12-2013, 02:25 AM | #11 | |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
Quote:
Whatever it is I don't think it explains why the links work on my Sony and iPad/iBooks, and on my Kindle Keyboard after conversion. Last edited by AlexBell; 01-12-2013 at 02:31 AM. |
|
01-12-2013, 02:30 AM | #12 | |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
Quote:
body { margin: 0; padding: 0; border-width: 0; font-size: 95%; text-align: justify; line-height: 120%; font-family:sans-serif; } @page { margin: 3pt; padding: 2pt 0 0 0; } What values would you suggest? |
|
01-12-2013, 03:15 AM | #13 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
I usually set it at 5 pt. Small, but not too small.
|
01-12-2013, 03:16 AM | #14 |
Evangelist
Posts: 450
Karma: 343115
Join Date: Nov 2009
Location: Romania
Device: PW2 2014
|
|
01-12-2013, 03:17 AM | #15 | |
frumious Bandersnatch
Posts: 7,533
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Quote:
(I always add "html body { margin: 0; }".) |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Designing a document for both print and epub | adieu | ePub | 6 | 10-19-2011 09:10 PM |
I've been "designing" some covers | mr ploppy | Writers' Corner | 4 | 07-18-2011 05:39 AM |
designing epubs for ipad? (my thoughts) | hapax legomenon | ePub | 18 | 02-17-2010 08:21 PM |
iPad IPad Design - if Apple was custom designing one for me | Bob Russell | Apple Devices | 131 | 02-15-2010 11:35 AM |
Designing an E-Book device for educational purposes | Cavelion | News | 13 | 05-29-2009 05:58 AM |