I am using CSS font for my webpage. All the fonts looks nice and neat in IE browser.

But it looks horrible in NetScape 7.2

What is my options? Do I need to switch back to use <font> tag?

It's probably an issue of designing around a required font size instead of design so that the page is adaptive. All non-IE browsers allow for users to make adjustments to fonts. Using the <font> tag won't stop this from happening. It will only make pages less accessible and make your life a lot harder through development and future maintenance. Can you show a link to the page in question? Maybe you'll get some good tips on how to make it work in all browsers without resorting to using old, broken markup.

Originally posted by the_pm
It's probably an issue of designing around a required font size instead of design so that the page is adaptive. All non-IE browsers allow for users to make adjustments to fonts. Using the <font> tag won't stop this from happening. It will only make pages less accessible and make your life a lot harder through development and future maintenance. Can you show a link to the page in question? Maybe you'll get some good tips on how to make it work in all browsers without resorting to using old, broken markup.

I change some of the fonts to <font> tags and it works fine with Netscape and IE.

Here is the site: http://www.nyc-discusfanatics.com

I appreciate any comments.

The fonts seem to work ok whether you're using <font> or not. I instructed my browser to ignore them, and they worked fine. I allowed them to be there, and likewise, they were fine. You've given yourself the unenviable task of having to maintain those in the future, but that's a personal choice to make. You may find some people with certain visual needs (types of color-blindness) will have trouble adjusting your text to work for them. CSS used properly will solve this, but it's up to you if you're willing to go the proper route or not. If you're having trouble with CSS, maybe you could share that particular problem. Anything's better than reverting to <font>.

The markup is going to cause someone problems at some point, if not today then certainly in the future. More info - http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.nyc-discusfanatics.com%2Fface%2Fdragonball%2Fdragon.asp&warnings=yes&input=yes - you may or may not care about validation, but browser manufacturers care, and in the future, your markup may not be supported. Just a thought if you'd like to avoid having to reengineer your site in the future.

It took me a while to figure out why I was stuck on a loading screen, until I viewed your source and discovered I was going to have to enable meta refresh to see your site. This is a somewhat search engine unfriendly way to lead people into your site. SE's don't much care for meta refresh - it's much better done on the server with 301 permanent redirects. Or better not used at all (just go straight to the content page where you currently have a redirect).

Originally posted by the_pm

It took me a while to figure out why I was stuck on a loading screen, until I viewed your source and discovered I was going to have to enable meta refresh to see your site. This is a somewhat search engine unfriendly way to lead people into your site. SE's don't much care for meta refresh - it's much better done on the server with 301 permanent redirects. Or better not used at all (just go straight to the content page where you currently have a redirect).

Thanks for the comment... I thought the meta refresh to lead ppl into other page is a cool way of interact with ppl??

Just my thought..

Also what most common fonts that most website use?

Using a refresh for the sake of having it isn't really a way for people to interact. More than anything, it's just some extra time wasted waiting for the site itself to load - oh, and once it refreshes, it takes a while for the next page to load, which makes the message on the first page deceiving. If I've just seen a page that says "Site Loading," then I'm shuttled on to the next page, I expect it to be loaded. I'd just remove it entirely. There's no point in placing a barrier between people and the information they seek, especially if that barrier could insurmountable for some people/devices.

Common fonts seem to be arial, verdana, times new roman, comic sans, courier, the basics. One good way to specify a font of choice is to specify the windows version, the Mac version and then the fallback family, like this:

{ font-family:arial,helvetica,sans-serif }
or
{ font-family:"courier new",monaco,"andale mono",monospace }
Yes, I'm aware these aren't equivalents - they just all happen to be monospace fonts.

Generally, other OSs will use one of those fonts, so you needn't worry too much about Linux installations.

HTH!