Quote:
Originally Posted by Gallips
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