Change font size choices with calibre?

[EldRick]

I really like PRS+' ability to easily change typefaces, but I'm a bit frustrated by the size selections on my 950.

It seems that medium is always too big, anything larger is HUGE, and Small is just too small, while Extra Small needs a magnifying glass.

Is there any way in calibre or any css method to set the font size choices to more useful values? I'd love to be able to adjust type size by one or two points, instead of the large increments Sony provides.

I'd be ecstatic if I could choose between 10-, 11-, 12-, 13-, 14-, and 15-point sizes.

I've tried changing the Font Size Key in Common Options under Conversion preferences, but it does not seem to have any effect.

Any other methods? Extra CSS settings?

[EldRick]

After experimentation, I was able to change the Base Font size (to 11-pt.) in Calibre, giving at least one size between the previous Medium and Small, but the other choices are still far too much larger and smaller to be useful for text.

[jackie_w]

You can also use PRS+ to easily change font-sizes. You just need to create a series of .css files, each containing a different font-size (as well as your chosen font-family) e.g.

body {font-size: 0.90em; font-family:whatever}

body {font-size: 0.95em; font-family:whatever}

[ElsieC]

Originally Posted by jackie_w

You can also use PRS+ to easily change font-sizes. You just need to create a series of .css files, each containing a different font-size (as well as your chosen font-family) e.g.

body {font-size: 0.90em; font-family:whatever}

body {font-size: 0.95em; font-family:whatever}

Oh! I just learned to create .css files for PRS+ to change the font while I am reading. Do I add one of your examples to the .css files I have just created so that when I change font, I can also specify the size? That would be great! For example, could I choose Calibri font and have it set to 15 pt, but when I choose Verdana font, it is 14 pt? I hope that question makes sense. I can't wait to try this out! Thank you so much.

ElsieC

[Belfaborac]

Same question as ElsieC here. Could you perhaps paste in an example of a css-script jackie_w?

[jackie_w]

@ElsieC,
Yes, but don't set your PRS+ css font-size in point units (15pt), use em units (1.25em) or percentages (125%) instead. If you use point sizes you'll find your Sony zoom button no longer has any effect. Ems and %s are scaleable -- pts (and also pixels, px, I think) are fixed.

Originally Posted by Belfaborac

Same question as ElsieC here. Could you perhaps paste in an example of a css-script jackie_w?

This is a simple one to display epub in font CharisSIL, with font-size 0.85em and line spacing of 1.2. Tweak to suit.

@font-face { font-family: serif; font-weight: normal; font-style: normal;  src: url(res:///Data/fonts/CharisSILR.ttf);}
@font-face { font-family: serif; font-weight: normal; font-style: italic;  src: url(res:///Data/fonts/CharisSILI.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: normal;  src: url(res:///Data/fonts/CharisSILB.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: italic;  src: url(res:///Data/fonts/CharisSILBI.ttf);}

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

Caveat: Please be aware that sooner or later you will come across an epub whose own css file will stop your PRS+ css files working properly. So don't be discouraged if it happens to be the first one you try (Sod's Law ). Try a few more. The problem usually boils down to the fact that the epub internal css file also contains one or more conflicting font-family: settings. The problem epub can be fixed by manually editing its css file and removing these offending font-family settings.

[Belfaborac]

Originally Posted by jackie_w

This is a simple one to display epub in font CharisSIL, with font-size 0.85em and line spacing of 1.2. Tweak to suit.

Wonderful, thanks a lot!

Caveat: Please be aware that sooner or later you will come across an epub whose own css file will stop your PRS+ css files working properly. So don't be discouraged if it happens to be the first one you try (Sod's Law ). Try a few more. The problem usually boils down to the fact that the epub internal css file also contains one or more conflicting font-family: settings. The problem epub can be fixed by manually editing its css file and removing these offending font-family settings.

Yep, I've got some of those already. Not a big deal for me really, as I'm not pathologically opposed to the built-in font. So little that I've still not gotten around to doing anything to them, nor is it likely I will unless I come across a lot more.

[ElsieC]

Thank you, this worked perfectly!

[EldRick]

Outstanding! Thanks very much.

[ElsieC]

Originally Posted by ElsieC

Thank you, this worked perfectly!

. . . except it didn't work on books that I had already converted using Calibre (EPUB to EPUB) using the Look and Feel, Extra CSS option where I set the font to a specific font.

In case anyone else has come across this issue, here is how I fixed it: I converted the book again, this time choosing Look and Feel, Filter Style Information, and put a checkmark in the box next to "Font" to remove the font properties I had previously assigned. Now the nifty .css files jackie_w helped me create allow me to change fonts on books where I had previously set a font. Yea!

ElsieC

[JSWolf]

If you want your ePub to use a specific font but still be able to change it if you want, use serif as the name of the font family.

[ElsieC]

Originally Posted by JSWolf

If you want your ePub to use a specific font but still be able to change it if you want, use serif as the name of the font family.

I am a little confused. Could you please tell me where I would set the font family to serif? Do you mean in the Look and Feel, Extra CSS window during conversion? I used to have the wording in the spoiler button below in that window, but removed it in lieu of using jackie_w's suggested wording for .css files in PRS+ that are in a folder ON my PRS-505.

Spoiler:

@font-face {
font-family: "verdana";
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/verdana.ttf);
}

@font-face {
font-family: "verdana";
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/verdanab.ttf);
}

@font-face {
font-family: "verdana";
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/verdanai.ttf);
}

@font-face {
font-family: "verdana";
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/verdanaz.ttf);
}

body, div, p {
font-family: "verdana";
}

Thank you.

ElsieC

[JSWolf]

Originally Posted by ElsieC

I am a little confused. Could you please tell me where I would set the font family to serif? Do you mean in the Look and Feel, Extra CSS window during conversion? I used to have the wording in the spoiler button below in that window, but removed it in lieu of using jackie_w's suggested wording for .css files in PRS+ that are in a folder ON my PRS-505.

Spoiler:

@font-face {
font-family: serif;
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/verdana.ttf);
}

@font-face {
font-family: serif;
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/verdanab.ttf);
}

@font-face {
font-family: serif;
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/verdanai.ttf);
}

@font-face {
font-family: serif;
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/verdanaz.ttf);
}

body, div, p {
font-family: serif;
}

That is what you do and you can still change the font.

[ilovejedd]

Originally Posted by JSWolf

Spoiler:

@font-face {
font-family: serif;
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/verdana.ttf);
}

@font-face {
font-family: serif;
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/verdanab.ttf);
}

@font-face {
font-family: serif;
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/verdanai.ttf);
}

@font-face {
font-family: serif;
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/verdanaz.ttf);
}

body, div, p {
font-family: serif;
}

That is what you do and you can still change the font.

Except Verdana is Sans Serif, not Serif.

[ElsieC]

Originally Posted by ilovejedd

Except Verdana is Sans Serif, not Serif.

I had wondered about that myself, but I tried it, and it works.

Thank you to everyone who helped me get the fonts working. It is nice to change fonts as my mood (or the lighting) changes.

ElsieC