Simple Question: Why does Font Style change on Web Pagein different Browsers?

Please check out a re-design I am doing:

http://www.rimnordic.com/test/rimtest.php

In IE7, everything looks just about the way I want it to look, including the
small "Arial" style font, which was set in Dreamweaver CS3. So when I checked
the page in FireFox, the font is Times New Roman, and is larger, throwing the
design of the page off. Could somebody please tell me how I can set a static
font so no matter what browser is viewing, it never changes?
What is funny is at the old site, (www.rimnordic.com) it also has WebYep, but
the page seems to display "Arial" just fine in FireFox and IE? Why is the new
test site is displaying Times New Roman in FireFox? The code looks the same on
the two pages?

I have seen other sites that can maintain one style in multiple browsers, so
how can I change it, thanks

-Joe

On your new page you are defining the style at certain points on your page. In
the original version you defined the font-family in the body tag of your CSS
file. Try putting the font-family definition on the CSS document for the body.

Probably because your stylesheet is invalid. Your block:
body,td,th {
color: #000000;
..style1 {font-family: Arial, Helvetica, sans-serif; font-family: Arial,
Helvetica, sans-serif;
font-size: 9px;
}

Is missing the closing brace for the body,td,th rule. Also need the
font-family defined in the body,td,th rule. (May want the size in there
also) Should be:

body,td,th {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

..style1 {font-family: Arial, Helvetica, sans-serif; font-family: Arial,
Helvetica, sans-serif;
font-size: 9px;
}



Unrelated - but why do you have the font-family stated twice in the same
rule? You have that in a few places in your code.

..style1 is defined, but not in use on the page.

--
Alec
Adobe Community Expert

Could somebody please tell me how I can set a static font so no matter what
browser is viewing, it never changes?

You can't. Users have the ability to change their font size at will. It's as
easy as holding ctrl while nudging the mouse wheel. You need to design your
pages around that fact.

Thank you SnakEyez. I was wondering if you could a bit more specific. I have limited coding skills and I am not sure where to define the font style

woohoo you guys are awesome. got it fixed!!

BTW, how do you guys think the page looks and functions? Im still learning everything and i have to say im quite proud of myself, hehe

It doesn't look too bad. You should put some padding where your news starts
because the first date overlaps the title there.

Looking at your original site, I would argue that the text is too small by
default and I am too lazy to do any tricks with the mouse like bregent suggests
and make the text bigger (looking at events & trail map).

Also looking at your new site you are missing a link back to your home page.
That should be added to your main menu.