Fonts are not displaying properly

The way we can tell what's going on is by seeming a link. If no link is a available, then the HTML/CSS.

There are many possibilities for why it is not working

If you have designated a font in your CSS or html then that is the font that will be used

body {font-family: verdana, arial, helvetica, "sans serif";}

If you do not designate a font then the browsers default font will be used, as set under options.

But, If you designate a non-standard font and the computer you are using does not have that font, then the default font will be used, as the computer does not have the font you specified.

So
a) Always use standard fonts
b) Provide Alternatives as per above.

Hope that helps

Regards
Day

This is the code that creates the original buttons. I also have coding for a hover state, but the font does not change in that state. As you can see, I have no font assigned to the body of the page, because I am only using this sheet to create buttons. Do I need to assign a font for the body, as well as for the buttons?

div.menuBar,
div.menuBar a.menuButton {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #000000;
}

The code seems present and correct. The only point I'd make is that you're using pts instead of a screen-based size (points are only useful for print specific font sizing, using something like pixels or %). It could be that the pt sizing is giving different sizes rather than different fonts across browsers?

Can you post a screen shot or two of the pages that have different fonts? Are they different fonts entirely (such as Times instead of a sans-serif). Or is something more subtle?

I don't have screen shots, but they are showing in Times, not a sans-serif.

Can you post all your HTML/CSS then? (At least all the CSS.) You may have a character that's stopping the CSS rule working (typically an errant ; or } can cause this). You can test this by putting something obvious on the offending rule such as a red border or background.

Can't really speculate further until we see the code I'm afraid.

Here is the entire css

<style type="text/css">
div.menuBar,
div.menuBar a.menuButton {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}

div.menuBar {
background-color: #FFFFFF;
text-align: left;
margin-left: 0px;
}

div.menuBar a.menuButton {
font-size: 8pt;
background-color: transparent;
border: 0px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
color: #000000;
cursor: pointer;
left: 0px;
margin: 0px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover {
background-color: transparent;
border-color: #909090 #f0f0f0 #f0f0f0 #909090;
color: #5B6CB1;
}

</style>

The the code with some simply HTML, is it still the wrong font? I haven't amended anything yet:

http://pub.c-o2.net/cssf/cbsdata.htm

This looks correct when I view it on my computer.

Part of the problem is when I transfer the pages/sheets to my web server. Things will work perfectly on my pc, but not when they are on the web servers.

Hmm, it may be a file transference problem. So, the files are working fine (the font showing I mean) on your local PC? But from viewing on your server after upload, they don't?

How do you transfer your files to the web server? FTP?

There are normally some settings for file transfers to FTP sites, these are binary, and ASCI. Try swapping from the usual setting.

It's just a copy/paste process to transfer to the web server at work, no FTP.

Everything looks great on my computer, but anywhere else, it doesn't work.

What machine are you working on? Which application are you using? Which server are you copying across to?

I am using Dreamweaver to develop the pages and then copying to a server running Windows 2000 Advanced Servers running IIS 4, if that helps

Check to see if you have it set to Unix line breaks. If so, swap it to Windows (in DWMX preferences). Don't think this'll be the cause, but worth a try.