Font issue with CSS

[Marcelo]

I have an external CSS where I set Verdana as main font for each body section for all pages.
At the Dreamweaver MX design screen I can see it takes the change for Verdana but when I upload the pages and the external CSS as well as when I preview it will display all fonts in Times News Roman.

I've digged enough all over the code but cannot find the error, if there is one...

Any ideas? Thanks in advance,

[Marcelo]

Oops.. forgot to say, please enter at Spanish section since English section is not still available.

Thanks again,

[blufive]

In your style sheet:

change this:
  	font: Verdana, "Courier New", "Times New Roman";
  
  to this:
  	font-family: Verdana, "Courier New", "Times New Roman";

[redux]

change the .content definition in your css to

.content{
	font: 14px Verdana, "Courier New", "Times New Roman", sans-serif;
	padding: 10px;
	font-weight:100;
}

don't ask me why, but having font and then font-size seems to confuse the browser. adding the font-size straight in the main font definition works.

Edit:


heh...too slow. bluey got in there with the other way around it

[Marcelo]

change the .content definition in your css to

.content{
	font: 14px Verdana, "Courier New", "Times New Roman", sans-serif;
	padding: 10px;
	font-weight:100;
}

don't ask me why, but having font and then font-size seems to confuse the browser. adding the font-size straight in the main font definition works.

Edit:


heh...too slow. bluey got in there with the other way around it

Hi redux, I cannot believe it works this way... it'd be nice to know why this happens.

Thanks a lot!

[Paul O'B]

it'd be nice to know why this happens.

Font is a shorthand property and the bare minimum for its use is the font-size and font-family values.

Any Keyword values which are not given in the font declaration cause the corresponding properties to be reset to their default values.

Paul