View Single Post
Old 05-21-2012, 06:58 PM   #3734
EldRick
Evangelist
EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!EldRick goes to infinity... and beyond!
 
Posts: 470
Karma: 112801
Join Date: Aug 2010
Device: Aura H2O (i86, M96C, Mini&Glo, PRS-950, STR, K-Touch, K-DX, K-3)
Caecilia, used on the Kindles and Nooks is well-designed for a serif reading speed-font on the moderate resolution of current e-ink screens. PRS+ does a great job of allowing us set font and type size, and I use Caecilia in various sizes to set the line and character size.

However, at smaller sizes on my PRS-950, it seems a bit low-contrast to me, with too-thin strokes, so I've been looking for a darker (bolder) alternative. After B&N upgraded the rendering technology on the Nook Simple Touch, they delivered a slightly darker version of Caecilia, which I found more satisfactory than the Amazon rendition, and that's been my goal.

So here is my bolder version of Caecilia for PRS+. I think it is pretty close to the Nook Touch rendering.

I simply used Caecilia Bold 75 for the base font, and Caecilia Heavy 85 for bold type. This delivers a higher-contrast rendition than the Standard weight, and makes smaller sizes much more readable - almost like a higher-contrast e-ink screen. Bold Italic 76 and Heavy Italic 86 provide for the other two combinations.

Here's the .65em CSS file. I renamed the .otf font files to remind me what was in them, and then saved a series of CSS files in sizes from .65em to 1.00em (.65em, .70em, etc.). I select the CSS file based on the filename, and get the size I want.

(I also tell calibre to set .3em paragraph spacing, left-justify, and remove all other fonts when I prepare the file for sideloading.)

CaeciliaHv65m.css
Quote:

@font-face { font-family: serif; font-weight: normal; font-style: normal; src: url(res:///Data/fonts/CaeciliaLT-75-Std-Bold.ttf);}
@font-face { font-family: serif; font-weight: normal; font-style: italic; src: url(res:///Data/fonts/CaeciliaLT-76-Std-BoldItalic.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: normal; src: url(res:///Data/fonts/CaeciliaLT-85-Std-Heavy.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: italic; src: url(res:///CaeciliaLT-86-Std-HeavyItalic.ttf);}

body, body.calibre, body.calibre1, body.calibre2, body.calibre3, body.book {
font-family: serif;
font-size: 0.65em;
line-height: 1.1}

Last edited by EldRick; 05-23-2012 at 11:14 PM.
EldRick is offline   Reply With Quote