![]() |
#1 |
Junior Member
![]() Posts: 5
Karma: 10
Join Date: Jan 2013
Location: Baltimore, MD
Device: nook
|
![]()
Hi all,
I'm creating a document in InDesign specifically for ePub conversion (destination Barnes&Noble). Because eBook devices offer their own font selection and the reader can resize the font, I was wondering if there is a preferred font and font size to use when creating a file for ePub conversion. Are there some fonts that work better than others? What is considered a good point size for body copy? BTW, I do not plan on embedding fonts, but would like to use a font that is as glitch-free as possible. Should the destination device (in this case, the nook) have any bearing on font selection? |
![]() |
![]() |
![]() |
#2 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,526
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
If you are not embedding the font, then the font you use for viewing the book while you create it has no effect on the book. At least as long as you don't use font-specific stuff (like very precise positioning of drop caps or things like that).
|
![]() |
![]() |
![]() |
#3 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,652
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
As long as it's not a fixed layout ePub for the nook, also test it in ADE (desktop version) and see if it looks good. There's no reason you cannot make ePub for the nook that works elsewhere.
|
![]() |
![]() |
![]() |
#4 |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
In fact, the Nook is my first device for the EPUB files I build and when 'epubcheck' works and the Nook renders ok, chances are fairly good the books are ok elsewhere too...
As for the font, I never specify these properties because the reader ought to be free to define how he/she'd like to have the book rendered. I might set the justification, but font size is set through "small" or "larger" rather than pixel sizes. |
![]() |
![]() |
![]() |
#5 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,652
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
The term larger is meaningless. It's x-small, small, large, x-large or xx-large. |
|
![]() |
![]() |
![]() |
#6 | |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,526
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Quote:
A <relative-size> keyword is interpreted relative to the table of font sizes and the font size of the parent element. Possible values are: [ larger | smaller ]. For example, if the parent element has a font size of 'medium', a value of 'larger' will make the font size of the current element be 'large'. If the parent element's size is not close to a table entry, the UA is free to interpolate between table entries or round off to the closest one. The UA may have to extrapolate table values if the numerical value goes beyond the keywords. But It's better to give an explicit relative size, in percent or em. |
|
![]() |
![]() |
![]() |
#7 | ||
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
Is that wrong? If so, how do I go properly about increasing and decreasing the sizes of fonts for headers etc relative to the user's font size? Quote:
Thanks! |
||
![]() |
![]() |
![]() |
#8 | |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,526
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Quote:
I think it's better so set "font-size: 150%;" (= "font-size: 1.5em;") or something like that (for <h2>), that should work unless the reader is broken already. |
|
![]() |
![]() |
![]() |
#9 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,652
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
http://websemantics.co.uk/resources/...version_chart/
That page is very good for showing relative sizes. Also, if you prefer to use ems instead iof the keywords, it will show you what ems correspond to what keywords. http://pxtoem.com/ This is a px > em or em > px converter. This is good for using when you have the size you want in px but know you should be using em instead. Last edited by JSWolf; 01-25-2013 at 11:28 AM. |
![]() |
![]() |
![]() |
#10 | |
Connoisseur
![]() Posts: 53
Karma: 10
Join Date: Jul 2012
Location: Seattle, USA
Device: Nook
|
Quote:
Code:
body { font-size: 100%; } .big { font-size: 1.125em; /* large */ } h1 { text-align: center; font-weight: bold; font-size: 2em; /* xx-large */ } h2 { text-align: center; font-weight: bold; font-size: 1.5em; /* x-large */ } h3 { font-weight: bold; font-size: 1.125em; /* large */ } p.hd { font-style: italic; font-size: 0.8em; /* small */ text-indent: 0; text-align: center; } |
|
![]() |
![]() |
![]() |
#11 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,652
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Just a quick note. You don't need the p in p.hd. What p.hd does is tie the class hd to p. but not having the p and just using .hd, you can use hd with p, span, div, etc. as you see fit.
|
![]() |
![]() |
![]() |
#12 | |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Quote:
![]() |
|
![]() |
![]() |
![]() |
#13 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,652
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
![]() |
![]() |
![]() |
#14 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,526
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Using p.hd or just .hd is just a matter of personal coding style. Some may want to have a single style for every class="hd" element, some may want to specify different styles for <p class="hd"> or <span class="hd"> or <img class="hd"> (even if only one of them is used at first).
I prefer to include the element name in the stylesheet, that way I know exactly what the class was originally intended for. |
![]() |
![]() |
![]() |
#15 | |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Quote:
For example, given <div class="foo"><p class="bar">...</p></div>, the CSS rule div.foo p { ... } should have lower precedence than .bar { ... }, but in ADE, IIRC, it doesn't. I'm not sure about p.bar { ... }, but that might be enough to make ADE give it precedence as it should. Not sure. Honestly, it's likely that ADE won't ever break because of removing the p, but given the aforementioned bug, I wouldn't bet my life on it. ![]() Agreed. An uncluttered CSS namespace is less likely to cause surprises later. If I'm applying a style, it is rare that I don't know in advance what element it is intended to affect. Last edited by dgatwood; 01-26-2013 at 02:35 PM. |
|
![]() |
![]() |
![]() |
Tags |
best practice, font, font size, indesign |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
no typeface size change in Adobe Digital Editions | Paul483 | Sigil | 4 | 04-27-2012 12:59 PM |
Determine font and font size on incoming epub? | peaceridge | Calibre | 4 | 01-30-2012 03:35 PM |
Epub Font Size Question | Amalthia | Calibre | 15 | 01-03-2011 01:20 PM |
epub font size on 505 | Waltarro | Calibre | 0 | 03-05-2010 12:13 AM |
Increase font size of epub? | pennpin | PocketBook | 0 | 11-25-2009 05:41 PM |