Font Size vary - Browser / Platform : what to do?

Z

ziyan

New Member
I am struggling to get a consistant font size through platforms and browsers. Pls help.

I am involved in developing a website and have reched the first level of the programming part of it. So I dropped in to the UI and found out that the font sizes varied from Platform to Platform and Browser to Browser.

I developed in Ubuntu and there, Firefox and Opera showed things alike. But chrome seemed to have shrinked things alot. When I came on Windows, it was even worst.

Windows XP was hard to read, Windows 7 was some what ok. I mean the fonts were smaller than in Ubuntu.

I used px (ex: font-size: 14px;). Then I tried 'em' but am not sure what it is. Then Chrome and Firefox gave a consistant look in Ubuntu while Opera showed it like <h1> context.

Thank you.
 
P

pierb

New Member
The tag <em> is exactly the same as the <i>-tag. Both can be used for Italic text. One is originally from the Windows platform, the other from Linux.
The same is true for <b> and <strong>. They both create Bold text.

To create a static font for all browsers, include the <font>-tag to the body of your page. That way you can assign a static size and face by using those artibutes, e.g.:
<font size="12px" face="Arial">. That way all browsers will display your text as Arial with fontsize 12.
put the opening tag immediately after the <body>-tag and the end tag directly before the </body>-tag.
Hopefully this solves your problem.
 
D

d a v e

New Member
pierb said:
The tag <em> is exactly the same as the <i>-tag. Both can be used for Italic text.

pierb - he's talking about sizing fonts in ems (NOT <em> )

One is originally from the Windows platform, the other from Linux.
it so isn't, lol
The same is true for <b> and <strong>. They both create Bold text.

To create a static font for all browsers, include the <font>-tag to the body of your page. That way you can assign a static size and face by using those artibutes, e.g.:
<font size="12px" face="Arial">. That way all browsers will display your text as Arial with fontsize 12.
put the opening tag immediately after the <body>-tag and the end tag directly before the </body>-tag.

oh please don't! if you don't know what you're talking about it's better to refrain from posting font tags are deprecated, everything should be done in the stylesheet
Hopefully this solves your problem.
Click to expand...

ziyan - one em is equal to the user's browser default size (usually 16px)
i usually set the body size to 62.5% then size everything else in ems e.g.
p {font-size: 1.6 em} (which gives 16px size paragraph text)

pixels are usually best avoided because they can't be resized in IE.

i would guess that the differences you're seeing between linux and windows could be a font-family issue or the default size as set in the browser preferences (also check you have resize text on the page through the browser)

a url would really help then i could look in ubuntu and in windows (though i have windows default font set in my ubuntu intall so i may not see a difference)
 
You must log in or register to reply here.
Top