HTML font codes show in IE but not Firefox?

  • Thread starter Thread starter storm_dewleaf
  • Start date Start date
S

storm_dewleaf

Guest
I'm trying to preview my web design homework, and I can't figure out why the font customization is working IE but not Firefox. FF is showing serif fonts when it should be sans serif, and it's still showing up in black instead of in color. I'm running FF version 3.0.14 on Windows Vista. Here's the code dealing with the font:

<basefont style="font-family: Verdana, Arial, sans serif; color: #336633;" />

<h1><font style="font-family: Century Schoolbook, Times New Roman, Times, serif; color" #336633;">Paradise Mountain Family Resort</font></h1>

Is there anyway to make this show up properly in Firefox?
First - I can't use CSS yet. As I mentioned, this is homework, and I'm supposed to be doing this as the book says. (I'm using HMTL Illustrated Introductory, 3rd ed). I'm catching up on work I've fallen behind on and haven't gotten to the CSS unit yet.

Thank you, Ken B, putting the quotes in fixed it. I'll make note to be sure to remember to keep doing that.
And thank you Ron for the helpful links.
 
Better yet, put it all in the <head> section as css:
< style type="text/css" >
body { font-family: Verdana, Arial, sans-serif; color: #336633; }
h1 { font-family: 'Century Schoolbook', 'Times New Roman', Times, serif; color:#336633;}
< /style >
...
< h1 > Paradise M.... < /h1 >
 
Because the font name contains spaces, you must put it in quotes:

<font style="font-family: 'Century Schoolbook', 'Times New Roman', Times, serif; color: #336633;">

Perhaps IE allows this "invalid" CSS to be taken as valid?

- kb -
 
Back
Top