FRIHOSTFORUMSSEARCHFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

CSS- Text size

 


Phil
Hey,
I almost always used pixels as a the chosen unit of measurement when setting things like font size.
Now I've been checking out some sites and reading some other ideas. Seems that using ems is also very popular.
1 Em or 100% em, is the size of the user's default font size. From what I understand, text size on your website is displayed proportionally to what a user's browser is set to.
Anyone here have any comments?
jasperlevink
Hello Phil.

THe beautiful thing about CSS is that you can make style sheets for different types of guests (visually impared etc). And that if you use relative fontsizes. People with private needs can adjust your page to their needs!

After all: the visitor is the king!

Grtz.
riv
jasperlevink wrote:
Hello Phil.

THe beautiful thing about CSS is that you can make style sheets for different types of guests (visually impared etc). And that if you use relative fontsizes. People with private needs can adjust your page to their needs!

After all: the visitor is the king!

Grtz.


Pixels are actually relative measurements, according to the new CSS standards. Pixels can be smaller or bigger depending on the resolution of the monitor, and the type of the monitor (for example, a pixel on a 800x600 monitor is going to be different than CAD-style monitors). You can adjust font sizes that are specified using pixels. I have personally tried all of the measurements, and I personally perfer using pixels for text.
jasperlevink
Off course pixels are relative in some way. But I think if you are talking about relative you mean something relative to images. Whit another resolution your whole site is magnified. With the use of em just the text is magnified.

For personal simplicity reasons I also use pikels. But em is better for users! (And corresponds to the meaning of CSS)

Grtz.
Ranfaroth
I use em for everything. So when a user changes its font size, all my design is automatically adapted to the text
riv
Like I said, you can adjust font sizes that use px values too! The meaning of CSS is to seperate design from content, to allow you to code for structure, not for style. It has nothing to do with using em's, or px's for font-sizes. Let me repeat, users can adjust font-sizes that use px's. When I'm doing a liquid design, I perfer to use percents for the widths. That's only a personal preference.
Ranfaroth
riv wrote:
Let me repeat, users can adjust font-sizes that use px's.
Let me repeat, when users adjust font-size in designs using px instead of em, the design doesn't follow, and it becomes ugly...
steveshen
Looks like there are lots of choices in CSS to specify the font size, such as
Code:
large, larger, %, em, ex, px, in, cm, mm, pt, pc
(http://www.htmlhelp.com/reference/css/font/font-size.html). Some are absolute, some are relative. Depending on the situation, some may be better than others. It's hard to say which is always the best.
sceptileex
I prefer px. Last time i checked, i havent really tried huge screen changes and what it does to my text. However, i think pixels works quite well for me. The adaptability of CSS is awesome Smile
Panrac
Pixels are easier to use, but they are much less flexible. Like Ranfaroth said when using em the page stays integrate even if the user changes the font size and if using pixels one risks that someone who likes big letters wont be able to use the site normally.
But on the other hand em's are more difficult to use because sometimes you have to make some calculations and have to remember what is the font-size of the elements.
Still, I would say that if you are skilled enough there is no question that you should use as much em's as possible.
krazycapital
Ya, but them images get biger and look horrible too. I prefer pixles. I make my code so that even if the font gets bigger it doesn't look ugly (or at least as un-ugly as possible). That's called checking your code in ever resoultion and font size possible! Razz
Panrac
Sure, I agree the image size should be set in pixels, because otherwise they look bad, and sometimes they take more bandwidth then they could, but I think that, in general, all the rest should be set in em.
Even if You want to have nice background with image corners etc. I think it’s good to add some extra divs so it gets flexible.
And if we’re talking about adjusting a site to as many font sizes as possible, especially if using some more advanced position styles, there is nothing better then setting the size of elements using ems. Then with the easier layouts You don’t even have to check, You just know that It’ll be good with every reasonable font size.
On the other hand, if using position:absolute with pixels You can be almost sure the layout won’t survive first couple of font size changes.
riv
Ranfaroth wrote:
riv wrote:
Let me repeat, users can adjust font-sizes that use px's.
Let me repeat, when users adjust font-size in designs using px instead of em, the design doesn't follow, and it becomes ugly...

I wasn't trying to go against you. I understand you perfectly when you say you like to use em's for liquid designs. I have done that in my last design.
Related topics

CSS - How to vertical center an object in CSS
Give the text on your website a shadow with minimum hassle!
css + html
HTML documents in Flash
Acemedia

Sim and Sim New Relaunch!
SDRAM vs DDRAM
Jaki portal php polecacie?
My site works perfectly in IE, but not in FireFox
Compatibility among IE, Firefox and Opera

Popup als je site verlaat
Earn 100FRIH$ or more!!!
center tags and firefox
See what you think to my site?
Help with some issues on my website

javascript text reverse
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.