| Blockbuster sites, amazing reunions

Share Tips

New Topic Subscription Options  

Mozilla vs. IE - Different Text Sizes

Forums: General Discussion
Created on: 09/30/09 08:43 PM Views: 1425 Replies: 5
Wednesday, September 30, 2009 at 8:43 PM

On my Blast from the Past link the first picture is a Prom photo with who's in it underneath. Why is the text a different size between the two browsers?

Wednesday, September 30, 2009 at 9:07 PM - Response #1

Maybe the font you chose isn't available on FireFox, so it chose a font that was close, but not quite right.

If you want a closer match, try a different font.

Thursday, October 1, 2009 at 1:38 AM - Response #2

You had more than one font definition in the code. If you're reworking a layout several times it's not uncommon for multiple codes to get in there. Sometimes the best thing to do when something like this is happening is press the Source button and see what you've got in there. In your case Internet Explorer was reading one font code while Firefox was reading another.

Browsers really don't have fonts per se. All browsers can only utilize the fonts that you have installed on your local computer. So in terms of font sizes for the most part all browsers will display fonts in a similar fashion, although there can still be very small but sometimes noticable differences. You'll never see a big difference like you were seeing in this case though due to the multiple font tags.

FYI, never try to format your page with the space bar. Even if you pull it off and it looks good in the browser you're using, the liklihood is it won't look good in other browsers. In your case the best thing to do with your "date" captions is put them in a table, with each caption centered in its own cell. It's a heckuva lot easier to type in the information this way in the first place, and you can count on having consistency in your display across browsers if you do it this way rather than try to space it until it's perfect to the eye. I went ahead and put your date caption into table cells like I'm recommending here for you so you can go in and see exactly how that works, and why this structure holds your content together better.

Thursday, October 1, 2009 at 7:59 AM - Response #3

I know this is said often but your service is absolutely the best. Thank you.

Sunday, October 18, 2009 at 12:41 PM - Response #4

How can I be more precise on font sizes? I find that when I use the "small, smaller, medium...etc.", tings appear differently on the 2 browsers. Then when I think I have it looking good or close in these two, someone with Safari/Mac asks "why is the font so small"? This is only in one area of the homepage. What can I substitute where if I want a specific size - like 10?

Sunday, October 18, 2009 at 6:42 PM - Response #5

Most browsers will display font sizes pretty similar. If you want pixel perfect font sizes, just replace any of the default sizes with the pixel size of your choice. For instance, let's say you're usign font size "larger" from the default dropdown list:

1) Click your Source button
2) Look in the code where you see the font defined as "larger"
3) Erase larger and plug in the pixel size of your choice instead. For instance, erase larger and put in "12 px"

This way you can tell the browser to display any pixel size of your choice.

New Topic  
Subscription Options: Have all new forum posts sent directly to your email.
Subscription options are available after you log in.