Quote:
Originally Posted by crutledge
I have been experienting trying to learn how to put fonts into Sigil with little luck. I obviously have no understanding of the process.
The following is at the head of the CSS.
Code:
@font-face {
font-family: "Garfeld";
font-style: normal;
font-weight: bold;
src:url(../Fonts/"GarfeldAntique Bold.ttf");
}
The call for the font is below in the CSS.
Code:
p, div {
margin-top: 0;
margin-bottom: .5em;
margin-right: 0;
margin-left: 0;
text-indent: 1.5em;
text-stye: bold;
font-family:Garfeld,"Times New Roman", Times, serif;
}
The following is from the OPF.
Code:
<item href="Fonts/GarfeldAntique%20Bold.ttf" id="GarfeldAntiqueBold.ttf" media-type="application/x-font-ttf" />
The font is attached and was downloaded from a free site.
All this has no effect. Can someone point out mt errors?
|
Hi Charlie-
Couple of suggestions:
Replace this:
@font-face {
font-family: "Garfeld";
font-style: normal;
font-weight: bold;
src:url(../Fonts/"GarfeldAntique Bold.ttf");
With
@font-face {
font-family: "GarfeldAntique";
font-style: normal;
font-weight: bold;
src:url(../Fonts/GarfeldAntique Bold.ttf);
Replace this line:
font-family:Garfeld,"Times New Roman",
With
font-family:"GarfeldAntique";
I think this may work. Let me know so we can both learn.
Regards - John
P.S. The @font-face statement is not required to be at the top of the style sheet as far as I can tell.