Extemely basic question

What font size option is best to use

%
em
px

or other

cheers

--
B
http://www.visit-the-coqui.com
If you are thinking of a vacation to Puerto Rico

http://www.thegadgettraveler.com
Travel gadget and other news here

..oO(B)

>Extemely basic question
>
>What font size option is best to use
>
>%
>em
>px

% or em. px should be avoided, because it makes it more difficult for
users of IE 6 and below to adjust the font sizes to their needs.

Micha

All of them. Any of them.

If you use px, then users of IE will not be able to resize their text in the
browser (for readability purposes) without enabling the accessability
options. All other browser users will have no problems resizing text. In
addition, a px metric is an absolute metric - this means that it sets the
character size independently of any other font size specification elsewhere
on the page. This latter characteristic is also the case when you use the
font size names (xx-small, x-small, small, medium, large, x-large).

If you use any of the other metrics (i.e., percents, em, en, ex), then you
will get a RELATIVE size, that is one that depends on some 'going in' value.
For example, a page that contains an explicit declaration like this -

body { font-size:1em; }

will size ALL text (unless otherwise sized by other CSS rules) at the
browser's default size.

A page with an explicit declaration like this -

body { font-size:.5em; }

will size ALL text at half the browser's default size.

These relative metrics can be tricky to use since they will be part of the
inheritance/cascade of CSS styles. For example, on a page that has these
rules -

body { font-size:.5em; }
#container { font-size:.4em; }

any content in the #container element will be sized at 40% of 50% of the
default size, or 20% of the default.

If you want your pages to be totally elastic, and totally accessable, then
using a relative font metric if the norm.


--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"B" <bw....@r....com> wrote in message
news:g4dabl$gpm$1@forums.macromedia.com...
> Extemely basic question
>
> What font size option is best to use
>
> %
> em
> px
>
> or other
>
> cheers
>
> --
> B
> http://www.visit-the-coqui.com
> If you are thinking of a vacation to Puerto Rico
>
> http://www.thegadgettraveler.com
> Travel gadget and other news here
>
>
>

Thanks Michael - any major difference between % and em?

--
B
http://www.visit-the-coqui.com
If you are thinking of a vacation to Puerto Rico

http://www.thegadgettraveler.com
Travel gadget and other news here


"Michael Fesser" <netizen@gmx.de> wrote in message
news:ilck64tqrru3oudg8gv04ih6b8aa27f711@4ax.com...
> .oO(B)
>
>>Extemely basic question
>>
>>What font size option is best to use
>>
>>%
>>em
>>px
>
> % or em. px should be avoided, because it makes it more difficult for
> users of IE 6 and below to adjust the font sizes to their needs.
>
> Micha

Thanks Murray

--
B
http://www.visit-the-coqui.com
If you are thinking of a vacation to Puerto Rico

http://www.thegadgettraveler.com
Travel gadget and other news here


"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:g4dc2n$ijo$1@forums.macromedia.com...
> All of them. Any of them.
>
> If you use px, then users of IE will not be able to resize their text in
> the browser (for readability purposes) without enabling the accessability
> options. All other browser users will have no problems resizing text. In
> addition, a px metric is an absolute metric - this means that it sets the
> character size independently of any other font size specification
> elsewhere on the page. This latter characteristic is also the case when
> you use the font size names (xx-small, x-small, small, medium, large,
> x-large).
>
> If you use any of the other metrics (i.e., percents, em, en, ex), then you
> will get a RELATIVE size, that is one that depends on some 'going in'
> value. For example, a page that contains an explicit declaration like
> this -
>
> body { font-size:1em; }
>
> will size ALL text (unless otherwise sized by other CSS rules) at the
> browser's default size.
>
> A page with an explicit declaration like this -
>
> body { font-size:.5em; }
>
> will size ALL text at half the browser's default size.
>
> These relative metrics can be tricky to use since they will be part of the
> inheritance/cascade of CSS styles. For example, on a page that has these
> rules -
>
> body { font-size:.5em; }
> #container { font-size:.4em; }
>
> any content in the #container element will be sized at 40% of 50% of the
> default size, or 20% of the default.
>
> If you want your pages to be totally elastic, and totally accessable, then
> using a relative font metric if the norm.
>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> ==================
>
>
> "B" <bw....@r....com> wrote in message
> news:g4dabl$gpm$1@forums.macromedia.com...
>> Extemely basic question
>>
>> What font size option is best to use
>>
>> %
>> em
>> px
>>
>> or other
>>
>> cheers
>>
>> --
>> B
>> http://www.visit-the-coqui.com
>> If you are thinking of a vacation to Puerto Rico
>>
>> http://www.thegadgettraveler.com
>> Travel gadget and other news here
>>
>>
>>
>

You're welcome.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"B" <bw....@r....com> wrote in message
news:g4dd2m$jp8$1@forums.macromedia.com...
> Thanks Murray
>
> --
> B
> http://www.visit-the-coqui.com
> If you are thinking of a vacation to Puerto Rico
>
> http://www.thegadgettraveler.com
> Travel gadget and other news here
>
>
> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:g4dc2n$ijo$1@forums.macromedia.com...
>> All of them. Any of them.
>>
>> If you use px, then users of IE will not be able to resize their text in
>> the browser (for readability purposes) without enabling the accessability
>> options. All other browser users will have no problems resizing text.
>> In addition, a px metric is an absolute metric - this means that it sets
>> the character size independently of any other font size specification
>> elsewhere on the page. This latter characteristic is also the case when
>> you use the font size names (xx-small, x-small, small, medium, large,
>> x-large).
>>
>> If you use any of the other metrics (i.e., percents, em, en, ex), then
>> you will get a RELATIVE size, that is one that depends on some 'going in'
>> value. For example, a page that contains an explicit declaration like
>> this -
>>
>> body { font-size:1em; }
>>
>> will size ALL text (unless otherwise sized by other CSS rules) at the
>> browser's default size.
>>
>> A page with an explicit declaration like this -
>>
>> body { font-size:.5em; }
>>
>> will size ALL text at half the browser's default size.
>>
>> These relative metrics can be tricky to use since they will be part of
>> the inheritance/cascade of CSS styles. For example, on a page that has
>> these rules -
>>
>> body { font-size:.5em; }
>> #container { font-size:.4em; }
>>
>> any content in the #container element will be sized at 40% of 50% of the
>> default size, or 20% of the default.
>>
>> If you want your pages to be totally elastic, and totally accessable,
>> then using a relative font metric if the norm.
>>
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do so!)
>> ==================
>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
>> ==================
>>
>>
>> "B" <bw....@r....com> wrote in message
>> news:g4dabl$gpm$1@forums.macromedia.com...
>>> Extemely basic question
>>>
>>> What font size option is best to use
>>>
>>> %
>>> em
>>> px
>>>
>>> or other
>>>
>>> cheers
>>>
>>> --
>>> B
>>> http://www.visit-the-coqui.com
>>> If you are thinking of a vacation to Puerto Rico
>>>
>>> http://www.thegadgettraveler.com
>>> Travel gadget and other news here
>>>
>>>
>>>
>>
>
>

..oO(B)

>Thanks Michael - any major difference between % and em?

Older browsers had some problems with properly scaling the one or the
other. This shouldn't be an issue anymore, even though I still prefer %
usually. Besides that there's no difference between % and em when they
are used for defining font sizes: 100% = 1em = default font size.

Of course the meaning of % is a different one if you use it to define
widths or margins for example.

Micha

cheers - thanks for taking the time to

--
B
http://www.visit-the-coqui.com
If you are thinking of a vacation to Puerto Rico

http://www.thegadgettraveler.com
Travel gadget and other news here


"Michael Fesser" <netizen@gmx.de> wrote in message
news:n72l64t89kb2jo40qv5ikovpat96egnod6@4ax.com...
> .oO(B)
>
>>Thanks Michael - any major difference between % and em?
>
> Older browsers had some problems with properly scaling the one or the
> other. This shouldn't be an issue anymore, even though I still prefer %
> usually. Besides that there's no difference between % and em when they
> are used for defining font sizes: 100% = 1em = default font size.
>
> Of course the meaning of % is a different one if you use it to define
> widths or margins for example.
>
> Micha