View Single Post
Old 03-09-2010, 09:02 PM   #1
bremler
Enthusiast
bremler began at the beginning.
 
Posts: 41
Karma: 10
Join Date: Mar 2008
Device: Sony PRS-T1
Different font for headings

Hi, I'd appreciate some help. I'm trying to use one font (georgia.tff) for the body and a different font (DroidSans-Bold.ttf) for the headings.

Here's my CSS:

p {margin-left:5%; margin-right:5%; margin-top:0;margin-bottom:0; padding:0;text-indent:1.1em;font-size:120%}
p.space{margin-left:5%; margin-right:5%; margin-top:2%;margin-bottom:0; padding:0;font-size:120%}
p.space1{margin-left:5%; margin-right:5%; margin-top:4%;margin-bottom:0; padding:0;font-size:120%}

div.ignore {margin-left:5%; margin-right:5%; margin-top:0;margin-bottom:0; padding:0;font-size:120%}

@font-face { font-family: "Georgia"; font-weight: normal; font-style: normal; src: url(res:///Data/fonts/georgia.ttf); }
@font-face { font-family: "Georgia"; font-weight: normal; font-style: italic; src: url(res:///Data/fonts/georgiai.ttf); }
@font-face { font-family: "Heading"; font-weight: normal; font-style: normal; src: url(res:///Data/fonts/DroidSans-Bold.ttf); }

body { font-family: "Georgia", serif; }

h2 {font-family: "Heading", serif; margin-left:5%; text-align: left; margin-bottom: 2cm; font-weight:bold}

div.sgc-1 {text-align: center}
div.sgc-3 {text-align: center;}
h1.sgc-2 {text-align: center;}
p.sgc-4 {font-style: italic}
p.sgc-1 {font-style: italic}
span.sgc-5 {letter-spacing:2px}



I save it to my Sony 505 and the Droid font overrides the Georgia, so that everything, heading and body included, comes out in Droid.

Would love some help, thanks

Last edited by bremler; 03-09-2010 at 09:04 PM.
bremler is offline   Reply With Quote