View Single Post
Old 03-05-2011, 11:33 PM   #22
CraftyDan
Zealot
CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.CraftyDan knows the square root of minus one.
 
CraftyDan's Avatar
 
Posts: 126
Karma: 7724
Join Date: Oct 2009
Location: Middle Ga
Device: PRS-600 and PRS-350
JR,

I'm not changing my CSS in Calibre. I've hacked my ROM using Boroda's Russified ROM (1.05k) and changed the default CSS on the reader (under the "epub" directory). It really is a piece of cake.

Few epubs specify a font in their CSS, so the default takes over. Some DO specify the font size(s) . . . I haven't figured how to clean that up in Calibre yet.

As for the CSS code, mine's not much different that yours (or Boroda's default CSS):
Spoiler:
@font-face {
font-family: "Custom", serif, sans-serif;
font-weight: normal;
font-style: normal;
src: url(res:///Data/epub/FONT/ArialRndNrw/Serif_Regular.ttf);
}

@font-face {
font-family: "Custom", serif, sans-serif;
font-weight: normal;
font-style: italic;
src: url(res:///Data/epub/FONT/ArialRndNrw/Serif_Italic.ttf);
}

@font-face {
font-family: "Custom", serif, sans-serif;
font-weight: bold;
font-style: normal;
src: url(res:///Data/epub/FONT/ArialRndNrw/Serif_Bold.ttf);
}

@font-face {
font-family: "Custom", serif, sans-serif;
font-weight: bold;
font-style: italic;
src: url(res:///Data/epub/FONT/ArialRndNrw/Serif_BoldItalic.ttf);
}

body {
font-family: "Custom", serif, sans-serif;
text-align:left;
font-size: xx-small;
line-height: 1.2em;
margin-top: 1em;
margin-left: 0.25em;
margin-right: 0.25em;
padding-right:0.25em;
padding-left:0.25em;
}

Aside from the obvious (different fonts) the differences I see are:

- calling out the "serif" and "sans-serif" values for the font-family
- setting the justification to "left" in the body selector
- specifying the font-size in the body selector
- defining the margin sizes in the body selector

The first and third (and maybe your font file) are probably the source of your headaches.

To test which font I preferred, I used this CSS and swapped out font names in these 4 positions (pointing them toward the "regular" font instead of the appropriate bold/italic). I then pulled up the attached epub.

The epub lists 2 short paragraphs of the Lorem ibsum, repeated for each B/I combo. Using the 4 combinations, I could quickly compare 4 fonts, keep my favorite, compare against the next three, and so on.

For me, once I saw that I could drop Arial down to XS (with an XXS base font) and still read it clearly, it didn't take long for it to trounce the competition.

BTW, I downloaded the Arial MT Rounded Bold font from here. I got the link from over in the Kindle's forum.
Attached Files
File Type: epub Sample .epub eBook - Yoda47.epub (39.5 KB, 228 views)

Last edited by CraftyDan; 03-05-2011 at 11:34 PM. Reason: stoopid typos
CraftyDan is offline   Reply With Quote