View Single Post
Old 07-07-2012, 04:14 PM   #3
Danger
Evangelist
Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.Danger ought to be getting tired of karma fortunes by now.
 
Danger's Avatar
 
Posts: 486
Karma: 1665031
Join Date: Nov 2010
Location: Vancouver Island, Nanaimo
Device: K2 (retired), Kobo Touch (passed to the wife), KGlo, Galaxy TabPro
Note this is a simplified step by step. Once you have mastered this, then some other things are possible but you will need to make sure the basics are working first. Substitute your font for the one listed in this example.


Quote:
It's a good idea to save after each step you complete because Sigil does crash every once in awhile.

1) Open epub book in Sigil.

2) RIGHT mouse click on Fonts folder in right hand column, Select "Add Existing Files..."

3) Find your font, in this case: Hindi.ttf, select it, click OPEN.

3b) SAVE...

4) Edit stylesheet.css, my styles are:

p {
font-family: "Hindi";
font-size: 1.00em;
text-align: justify;
}

@font-face {
font-family: "Hindi";
font-weight: normal;
font-style: normal;
src: url(../Fonts/Hindi.ttf);
}

4b) SAVE
Additionals:

The p { ... } can be changed to a class if need be, I prefer to keep my epubs very bare bones and use classes to override my base <p> where only required.

Bold / Italics can be added by:

i, em {
font-family: "Hindi_italics";
}

b {
font-family: "Hindi_bold";
}

@font-face {
font-family: "Hindi_bold";
font-weight: bold;
font-style: normal;
src: url(../Fonts/Hindi-Bold.ttf);
}

@font-face {
font-family: "Hindi_italics";
font-weight: normal;
font-style: italic;
src: url(../Fonts/Hindi-Italic.ttf);
}
Danger is offline   Reply With Quote