I'm not familiar with sylfaen, but in order to get regular, italic, bold, and bold-italic, you would need a different font file for each (many fonts include all 4 files). For example:
- sylfaen.ttf
- sylfaen-italic.ttf
- sylfaen-bold.ttf
- sylfaen-bolditalic.ttf
Put all 4 font files in the font folder on your T1.
Then you would need to do the @font-face thing for each:
Code:
@font-face { font-family: serif; font-weight: normal; font-style: normal; src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/sylfaen.ttf);}
@font-face { font-family: serif; font-weight: normal; font-style: italic; src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/sylfaen-italic.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: normal; src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/sylfaen-bold.ttf);}
@font-face { font-family: serif; font-weight: bold; font-style: italic; src: url(res:///ebook/fonts/../../mnt/sdcard/fonts/sylfaen-bolditalic.ttf);}
body, div, p { font-family: serif; }
.calibre { font-family: serif; }