Font looks different in Firefox

Hi guys,

I’m building a website and I begin with the header. It looks fine in Chrome, IE, Opera, Safari, but it looks ugly and differently in Firefox.

The link is https://meldville.com

How can I solve this problem?
I already tried this and it isn’t worked: https://developer.yahoo.com/yui/reset/

Thank you,

All I see is the word meldville in the default font…

Thanks,

That’s correct. If you view it with Chrome and with Firefox you will it is different.

I want to solve this problem before I go ahead. I had build almost a complete website on my local machine.

If I publish it it will look very ugly on Firefox. I want to solve this problem first.

What do you mean default font. I use sans-serif.

Is it called default font. Sorry, I don’t understand this.

You’ve not styled the element (or anything) so it will use whatever the browser’s default is set to (somewhere in settings). My guess is your Chrome and Firefox defaults are different. Try styling the element with (say) Times New Roman and they should look the same in any browser on your machine.

1 Like

Show comparitive screen shots, please. I see a difference but it is because I have set a different font and font-size as my defaults in Firefox. Chrome is unchanged from it’s default values.

What is the default font-family and font-size in your Firefox browser?

What is the default font-family font-size in your other browsers?

You may be able to determine which font-family most user’s see if you serve that font to them, but you will still be unable to control the font-size.

(basically everything @Gandalf already said)

FYI from the YUI site:
"IMPORTANT: The YUI library is no longer actively maintained. Please see this announcement for more information. http://yuilibrary.com/ "

1 Like

Thanks,

I’ve set font-family and it seems to fix my problem on a local machine.

You set the font family where? on the local browser on on your web site? You MUST understand that you have little to say about the font-family and font-size that the user chooses. That’s just real life. And that is why one needs to test web pages over a reasonable range of font sizes. Firefox’s strength. You can’t be too picky about certain things on a page.

Suppose the user does not have the font family on his computer that you set? Maybe he’s using a Linux box or Apple instead of a PC… the font “sans-serif” is probably not the same between the platforms.

I’d even say much more than probably.

I think using a “font stack” including “web safe” fonts might be somewhat better than only

font: normal sans-serif;
1 Like

Thank you,

I figure out how to fix it now.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.