View Single Post
Old 05-21-2011, 02:04 PM   #10
Jabby
Jr. - Junior Member
Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.Jabby ought to be getting tired of karma fortunes by now.
 
Posts: 571
Karma: 2000170
Join Date: Aug 2010
Location: East Texas
Device: Archos, Asus, HP, Lenovo, Nexus and Samsung tablets in 7,8 and 10"
Quote:
Originally Posted by crutledge View Post
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.
Jabby is offline   Reply With Quote