Need help with my Xanga Skin, blog font. Options

[*My Cinderella.*]

I'm having a problem with completing my Xanga skin. As you can see from the screenshot that is provided for you below:



Website: Http://xanga.com/TESTING092305

The main font does not match with the link fonts. (Which is supposed to be Terminal). If you'd like you can take a look at the skin code. Though, I don't know why the font isn't changing to terminal. Help?

<map name="Strange">
<area shape="rect" coords="6,525,128,539" href="http://www.xanga.com/claf">
<area shape="rect" coords="163,526,251,540" href="http://www.xanga.com/guestbook.aspx?user=USERNAME">
<area shape="rect" coords="290,526,407,539" href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">
<area shape="rect" coords="37,576,95,591" href="http://www.xanga.com/signin.aspx">
<area shape="rect" coords="135,578,233,590" href="http://www.xanga.com/private/subs.aspx">
<area shape="rect" coords="279,575,357,589" href="http://www.xanga.com/private/home.aspx">
<area shape="rect" coords="736,585,806,594" href="http://myspace.com/x_paperHEARTED">
</map>
<img src="http://img432.imageshack.us/img432/4485/love0cj.png" usemap="#Strange" border="0"><div style="overflow: auto; width: 500px; height: 475px; margin-top: -550px; margin-left: 175px;">
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/*Strange Love - My Cinderella.*/
body
{background-color: white;

scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-shadow-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: white;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: script MT bold;
text-transform:none;
font-size:18px;
line-height:18px;
font-weight:normal;
color:black;
letter-spacing:0px;
background-color:white;
text-align:center;

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: black;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
font: 8px terminal;
text-transform: uppercase;
background-color: white;
font-color:black;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: black;
font: 8px terminal;
text-transform: uppercase;
text-align:center;

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:white;

font,td,p,xmp
{color:black;
font: 8px terminal;
font-weight:normal;
text-transform: uppercase;

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:white;
family-font: terminal;
BORDER: black 0px solid;
width:px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 8px;
font-family: terminal;
font-weight:normal;
color:black;
text-transform:uppercase;
font-size:8px;
cursor:crosshair;}

a:active
{font-family: terminal;
color:black;
text-transform:uppercase;
font-size:8px;
cursor:crosshair;}

a:visited
{font-family:terminal;
color:black;
text-transform:uppercase;
text-decoration:strikeout;
font-size:8px;
cursor: crosshair;}

A:hover {font-family:terminal;
color:black;
text-transform: uppercase;
cursor: crosshair;
font-weight:none;
font-size:8px;}</style>

[*digital.fragrance*]

Under your table.blogbody portion it has "family-font" - flip that to "font-family"

[*My Cinderella.*]

I tried. The result stays the same.

[*digital.fragrance*]

Hmmm... instead of the "font-family" try just "font"... at least, that's what I use in my layouts. Erase the size stuff and instead do this:
"font:9px arial;" - for some reason, that works better.

[*My Cinderella.*]

That's odd. Still, it doesn't work.

[OneOfTheseDayz]

I mey be that xanga dosn't have terminal hosted on there server............. Use a different font.............

[talcumpowder]

CODE

font,td,p,xmp
{color:black;
font: 8px terminal;
font-weight:normal;
text-transform: uppercase;

You're missing the }. It kinda bothers me. It also bothers me because it's "Terminal". It works a helluva lot better if you capitalize it.
&drilotedahl, what you said made no sense. First of all, it's not Xanga that host the font... It's your computer. Second, if the links work... Then why should the blog font not work?
----
Uh, back to the point.

CODE

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td{font: 10pt Georgia, "Times New Roman", serif; color: #000000; text-align:justify;}

Try using that instead.

[*digital.fragrance*]

^ good call - that's probably what did it.

[*My Cinderella.*]

Thank you guys for all your help. I've solved the problem, so this can be closed.

[*digital.fragrance*]

Glad you got it to work!

Topic Closed