Font Family Incorrect

The font family in css is set properly for what we want displayed, but it is showing up on the site as Times. Any thoughts?

Web address is xtmmotorsports.com

CSS reads:

body {
color: #000000;
font-family: geneva, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 14px;
}

n_ugget wrote:The font family in css is set properly for what we want displayed, but it is showing up on the site as Times.
CSS reads: body {... font-family: geneva, arial, helvetica, sans-serif; ...}

Nugget, I believe I am seeing Times New Roman on your site. Times is a Macintosh font, so that tells me you are viewing it on a Mac. I don't know what browser you are using, but you need to check the browser options and make sure a default font has not been defined. Make sure it is set to original, generic settings.

You have a number of stylesheets loading. The first one that loads does have that body code, but multiple stylesheets load like a cascade of waterfalls, one after another, with each one superseding the other. So the last one that loads is the one that counts.

Here are some quick tips for finding the code that you are seeing:

1. If you are sure you are seeing Times then do a global search of your website files for the word "Times." Hopefully you will find it and be able to change that style so it doesn't supersede the original body style.

2. A quick n easy way to see if the stylesheet you are editing is the same one you are seeing on the site is to temporarily change it to an outrageous font. For example, change the body font color to a bright orange, the font-family to comic sans with a giant font-size like 50px. You'll have no doubt where those styles are getting through when you upload and refresh. Be sure to change them back later.

3. If you still have trouble, try temporarily disabling the other stylesheets starting with the last one which is loading last.

4. Your IE7 stylesheet is really cute. :-)

Hope that helps,
Kerry

n_ugget wrote:The font family in css is set properly for what we want displayed, but it is showing up on the site as Times. Any thoughts?

Web address is xtmmotorsports.com

CSS reads:

body {
color: #000000;
font-family: geneva, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 14px;
}

First I would listen to what Merry said about your numerous style sheets. Make sure that you are not repeating style rules too.

Most importantly:

Make sure that the text that you are applying the style rule to is OUTSIDE of any tags.....or, you need to address the tag that it is wrapped in withen your CSS.

For example: If this is your text: <div id="myclass"><p>I WANT TO GET A CAR FOR MY B DAY</p></div>

Your CSS should look like this:

#myclass p{color: #000000;
font-family: geneva, arial, helvetica, sans-serif;}

You really want to get used to wrapping text in tags so you can control them better in your CSS

I think the problem is that your stylesheet has gotten corrupted. It starts with that first part is wrong and I think it's causing it to skip the body section that comes next.

you can see it from the live stylesheet Here

Xsecrets wrote:I think the problem is that your stylesheet has gotten corrupted. It starts with

Code: Select all

000000verflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	font-family: geneva, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

that first part is wrong and I think it's causing it to skip the body section that comes next.

you can see it from the live stylesheet Here

Xsecerts, you were correct. That was what was causing the issue. Thank you both so much for your input.