View Full Version : Pocket Pro epub font change problem


vidgej
02-10-2010, 07:15 PM
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. :help:

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

wallcraft
02-10-2010, 08:38 PM
See Fonts and Epub - What works on Sony, Works for Pocket Pro too! (http://www.mobileread.com/forums/showthread.php?t=58901)

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
02-10-2010, 10:34 PM
See Fonts and Epub - What works on Sony, Works for Pocket Pro too! (http://www.mobileread.com/forums/showthread.php?t=58901)

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! :thanks:

vidgej
02-11-2010, 09:51 PM
See Fonts and Epub - What works on Sony, Works for Pocket Pro too! (http://www.mobileread.com/forums/showthread.php?t=58901)

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
02-11-2010, 10:13 PM
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
02-12-2010, 09:09 AM
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! :thanks:

93terp
02-12-2010, 10:32 AM
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! :thanks:

wallcraft
02-12-2010, 12:19 PM
For the font changes via CSS, is there a parallel way to do this via the Calibre GUI instead? Yes, this is Extra CSS (http://calibre-ebook.com/user_manual/conversion.html#extra-css) under Look & Feel.

93terp
02-12-2010, 01:30 PM
Yes, this is Extra CSS (http://calibre-ebook.com/user_manual/conversion.html#extra-css) under Look & Feel.

Thanks Wallcraft! :thanks: