Pocket Pro epub font change problem

[vidgej]

I have a Pocket Pro and I really need to change the epub font of my books cuz the epub font output from Calibre is not black enough. So I tried this:

@font-face {
font-family: "Freestyle Script";
src:url(res:///Data/FONT/FREESCPT.TTF);
}
in the CSS and put your font at FONT/FREESCPT.TTF of internal storage.

but it didnt work. Somebody please give me the detailed step by step procedure. Thanks.

If you could also give me the instructions on how to change epub to BOLDface, that will be very much appreciated. Thanks again!

[wallcraft]

See Fonts and Epub - What works on Sony, Works for Pocket Pro too!

Replace DATA/FONT with abook/fonts and put the fonts in the "fonts" folder on the SD card. To use bold, add the following:

body {
    font-family: "Freestyle Script";
	font-weight: bold;
}

Note that you need to add the bold variant of the font as a font face for this to work as you would expect.

[vidgej]

Originally Posted by wallcraft

See Fonts and Epub - What works on Sony, Works for Pocket Pro too!

Replace DATA/FONT with abook/fonts and put the fonts in the "fonts" folder on the SD card. To use bold, add the following:

body {
    font-family: "Freestyle Script";
	font-weight: bold;
}

Note that you need to add the bold variant of the font as a font face for this to work as you would expect.

Thank you very much! I haven't tried it yet cuz im still at work right now. But im pretty sure it will work! You have no idea how life-changing your reply will be. I've only been a member of MobileRead for a month but i've already learned a lot. Thanks so much again!

[vidgej]

Originally Posted by wallcraft

See Fonts and Epub - What works on Sony, Works for Pocket Pro too!

Replace DATA/FONT with abook/fonts and put the fonts in the "fonts" folder on the SD card. To use bold, add the following:

body {
    font-family: "Freestyle Script";
	font-weight: bold;
}

Note that you need to add the bold variant of the font as a font face for this to work as you would expect.

It worked! But it didnt work with some bold fonts, like tahoma bold and verdana bold. i put the

body {
font-family: "Freestyle Script";
font-weight: bold;
}

the font turned bold but the font style i wanted didnt take effect. i followed the procedure. Although i like the original font output of Calibre in bold, it would be nicer if i could use other bold fonts.

[wallcraft]

Originally Posted by vidgej

it would be nicer if i could use other bold fonts.

An approach I favor is to redefine serif (and san-serif if you want, but serif is the default) to be your input font. That way there is no need to override the "default" font:

@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  src: url(res:///abook/fonts/CONSTAN.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: bold;
  font-style: normal;
  src: url(res:///abook/fonts/CONSTANBD.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: normal;
  font-style: italic;
  src: url(res:///abook/fonts/CONSTANI.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: bold;
  font-style: italic;
  src: url(res:///abook/fonts/CONSTANBI.TTF);
}

body {
	font-weight: bold;
}

[vidgej]

Originally Posted by wallcraft

An approach I favor is to redefine serif (and san-serif if you want, but serif is the default) to be your input font. That way there is no need to override the "default" font:

@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  src: url(res:///abook/fonts/CONSTAN.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: bold;
  font-style: normal;
  src: url(res:///abook/fonts/CONSTANBD.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: normal;
  font-style: italic;
  src: url(res:///abook/fonts/CONSTANI.TTF);
}
@font-face {
  font-family: "Constantia", serif, sans-serif;
  font-weight: bold;
  font-style: italic;
  src: url(res:///abook/fonts/CONSTANBI.TTF);
}

body {
	font-weight: bold;
}

Thanks so much!

[93terp]

For the font changes via CSS, is there a parallel way to do this via the Calibre GUI instead? I'm not a CSS expert by any stretch of the imagination, but would love to have darker fonts as well as the OP.

Thanks!

[wallcraft]

Originally Posted by 93terp

For the font changes via CSS, is there a parallel way to do this via the Calibre GUI instead?

Yes, this is Extra CSS under Look & Feel.

[93terp]

Originally Posted by wallcraft

Yes, this is Extra CSS under Look & Feel.

Thanks Wallcraft!