Thread: Fonts - Help
View Single Post
Old 09-04-2013, 08:01 PM   #4
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Gallips View Post
I got sick of epubs with problems and bad looks, so I've decided to try Sigil out and tweaks the epubs to my liking.

It was a bit complicated to learn, I still do not understand all, but has been fun. Until I decided to change fonts.... Honestely, I have no idea what's the problem. The font I plan to use is simple, Georgia, but still doesn't apply to the epub.

So far I have something like this:

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

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

@font-face {
    font-family: 'Garamond';
    font-weight: normal;
    font-style: italic;
    src: url('../Fonts/Garamond Italic.ttf');
}

h1 { 
    font-family: 'Garamond', serif;
}

h3 { 
    font-family: 'Garamond', serif;
I've linked the stylesheet but still nothing. I still have Arial as font.

What am I doing wrong? any ideas?
Hi Gallips;

You defined the fonts well but the problems are here:

Code:
h1 { 
    font-family: 'Garamond', serif;
}

h3 { 
    font-family: 'Garamond', serif;
}
You only defined the font-family but also you have to defined font-style and font-weight. Since all fonts definitions have the same name ("Garamond") Sigil doesn't know what font to aply. So, you should use:

Quote:
h1 {
font-family: 'Garamond', serif;
font-weight: bold;
font-style: normal;

}

h3 {
font-family: 'Garamond', serif;
font-weight: bold;
font-style: normal;

}
or, if you wish italics:

Quote:
h1 {
font-family: 'Garamond', serif;
font-weight: bold;
font-style: italic;
}

h3 {
font-family: 'Garamond', serif;
font-weight: bold;
font-style: italic;

}
Regards
Rubén
RbnJrg is offline   Reply With Quote