PC Review


Reply
Thread Tools Rate Thread

Best Font size/measurement/orientation ?

 
 
Brightbelt
Guest
Posts: n/a
 
      15th May 2005
Hi-
I'm on Frontpage 2003, Win XP Pro. This may be a rather basic question to
ask, but what is the Best/Ideal way to size fonts in my web (especially for
standard paragraph content/text) so that there is maximum cross-browser
compatibility ? For example, should I use the 'em' measurement and if so
what's the best 'em' size to use for standard paragraph content/text ?
Should I use percentages and if so, what percentage works best for standard
paragraph content ? What about pixels ? Points ? You can see how I've done
my fonts so far at www.frankbright.com .
I'm concerned about this question because I have a very good, newer top
of the line monitor, so that I'm developing my sites at a high resolution
(1024 x 768 pixels). So when I view my site at 600 x 800, eveything gets
pretty huge, including fonts if I'm not careful. I know this is beginner's
stuff, so Thanks for any help. I appreciate it,...Frank


 
Reply With Quote
 
 
 
 
Murray
Guest
Posts: n/a
 
      15th May 2005
Points are a print metric. They are based on ruler measurements (inches),
and are therefore unsuitable for use on a pixel based display. However,
they are all you get when you use font tags. To use any other unit, you
would need to be using CSS to style your text.

With CSS, you can specify character sizes in pixels, ems, ens, exs,
percents, or size names (small, medium, etc.). Pixel sizes are OK, except
that they can cause some problems for those browsing with IE, needing to
increase the size for readability, and not knowing how to use the
accessability options. Size names work well, except that your choices are
more limited (you only get xx-small, x-small, small, medium, large, x-large,
and xx-large). The remainder of the metrics are 'relative' measures, i.e.,
they depend on, and are relative to, the default font size for the page.
For example: if my CSS had a style that said -

body { font-size:24px; }

and I then had a paragraph like this -

<p style="font-size:.5em;">test</p>

then that word "test" would be rendered as if it were 12px size. If I
change the body default from 24px to 48px, then the word "test" would render
as if it were 24px size. This same effect would be true for any of the
relative metrics.

Now - it can get confusing, too. If I had a container div, like this -

<div style="font-size:.8em">
<p style="font-size:.5em">
</div>

then the word "test" would be rendered at .8 x 24 x .5 = 9.6px. In other
words, relative sizing is cumulative.

What to use? I usually use pixels for my text content, but that's me - your
mileage may vary.

--
Murray
============

"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Hi-
> I'm on Frontpage 2003, Win XP Pro. This may be a rather basic question to
> ask, but what is the Best/Ideal way to size fonts in my web (especially
> for standard paragraph content/text) so that there is maximum
> cross-browser compatibility ? For example, should I use the 'em'
> measurement and if so what's the best 'em' size to use for standard
> paragraph content/text ? Should I use percentages and if so, what
> percentage works best for standard paragraph content ? What about pixels ?
> Points ? You can see how I've done my fonts so far at www.frankbright.com
> .
> I'm concerned about this question because I have a very good, newer top
> of the line monitor, so that I'm developing my sites at a high resolution
> (1024 x 768 pixels). So when I view my site at 600 x 800, eveything gets
> pretty huge, including fonts if I'm not careful. I know this is beginner's
> stuff, so Thanks for any help. I appreciate it,...Frank
>



 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      16th May 2005
Thanks Murray for a really in depth answer. It's amazing how many web
books/tutorials one can browse through and often, fonts only get briefly
discussed, if at all. Thank you,...Frank


"Murray" <(E-Mail Removed)> wrote in message
news:eT%(E-Mail Removed)...
> Points are a print metric. They are based on ruler measurements (inches),
> and are therefore unsuitable for use on a pixel based display. However,
> they are all you get when you use font tags. To use any other unit, you
> would need to be using CSS to style your text.
>
> With CSS, you can specify character sizes in pixels, ems, ens, exs,
> percents, or size names (small, medium, etc.). Pixel sizes are OK, except
> that they can cause some problems for those browsing with IE, needing to
> increase the size for readability, and not knowing how to use the
> accessability options. Size names work well, except that your choices are
> more limited (you only get xx-small, x-small, small, medium, large,
> x-large, and xx-large). The remainder of the metrics are 'relative'
> measures, i.e., they depend on, and are relative to, the default font size
> for the page. For example: if my CSS had a style that said -
>
> body { font-size:24px; }
>
> and I then had a paragraph like this -
>
> <p style="font-size:.5em;">test</p>
>
> then that word "test" would be rendered as if it were 12px size. If I
> change the body default from 24px to 48px, then the word "test" would
> render as if it were 24px size. This same effect would be true for any of
> the relative metrics.
>
> Now - it can get confusing, too. If I had a container div, like this -
>
> <div style="font-size:.8em">
> <p style="font-size:.5em">
> </div>
>
> then the word "test" would be rendered at .8 x 24 x .5 = 9.6px. In other
> words, relative sizing is cumulative.
>
> What to use? I usually use pixels for my text content, but that's me -
> your mileage may vary.
>
> --
> Murray
> ============
>
> "Brightbelt" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Hi-
>> I'm on Frontpage 2003, Win XP Pro. This may be a rather basic question
>> to ask, but what is the Best/Ideal way to size fonts in my web
>> (especially for standard paragraph content/text) so that there is maximum
>> cross-browser compatibility ? For example, should I use the 'em'
>> measurement and if so what's the best 'em' size to use for standard
>> paragraph content/text ? Should I use percentages and if so, what
>> percentage works best for standard paragraph content ? What about pixels
>> ? Points ? You can see how I've done my fonts so far at
>> www.frankbright.com .
>> I'm concerned about this question because I have a very good, newer top
>> of the line monitor, so that I'm developing my sites at a high resolution
>> (1024 x 768 pixels). So when I view my site at 600 x 800, eveything gets
>> pretty huge, including fonts if I'm not careful. I know this is
>> beginner's stuff, so Thanks for any help. I appreciate it,...Frank
>>

>
>



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      16th May 2005
You're welcome!

--
Murray
============

"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Thanks Murray for a really in depth answer. It's amazing how many web
> books/tutorials one can browse through and often, fonts only get briefly
> discussed, if at all. Thank you,...Frank
>
>
> "Murray" <(E-Mail Removed)> wrote in message
> news:eT%(E-Mail Removed)...
>> Points are a print metric. They are based on ruler measurements
>> (inches), and are therefore unsuitable for use on a pixel based display.
>> However, they are all you get when you use font tags. To use any other
>> unit, you would need to be using CSS to style your text.
>>
>> With CSS, you can specify character sizes in pixels, ems, ens, exs,
>> percents, or size names (small, medium, etc.). Pixel sizes are OK,
>> except that they can cause some problems for those browsing with IE,
>> needing to increase the size for readability, and not knowing how to use
>> the accessability options. Size names work well, except that your
>> choices are more limited (you only get xx-small, x-small, small, medium,
>> large, x-large, and xx-large). The remainder of the metrics are
>> 'relative' measures, i.e., they depend on, and are relative to, the
>> default font size for the page. For example: if my CSS had a style that
>> said -
>>
>> body { font-size:24px; }
>>
>> and I then had a paragraph like this -
>>
>> <p style="font-size:.5em;">test</p>
>>
>> then that word "test" would be rendered as if it were 12px size. If I
>> change the body default from 24px to 48px, then the word "test" would
>> render as if it were 24px size. This same effect would be true for any
>> of the relative metrics.
>>
>> Now - it can get confusing, too. If I had a container div, like this -
>>
>> <div style="font-size:.8em">
>> <p style="font-size:.5em">
>> </div>
>>
>> then the word "test" would be rendered at .8 x 24 x .5 = 9.6px. In other
>> words, relative sizing is cumulative.
>>
>> What to use? I usually use pixels for my text content, but that's me -
>> your mileage may vary.
>>
>> --
>> Murray
>> ============
>>
>> "Brightbelt" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> Hi-
>>> I'm on Frontpage 2003, Win XP Pro. This may be a rather basic question
>>> to ask, but what is the Best/Ideal way to size fonts in my web
>>> (especially for standard paragraph content/text) so that there is
>>> maximum cross-browser compatibility ? For example, should I use the
>>> 'em' measurement and if so what's the best 'em' size to use for standard
>>> paragraph content/text ? Should I use percentages and if so, what
>>> percentage works best for standard paragraph content ? What about pixels
>>> ? Points ? You can see how I've done my fonts so far at
>>> www.frankbright.com .
>>> I'm concerned about this question because I have a very good, newer
>>> top of the line monitor, so that I'm developing my sites at a high
>>> resolution (1024 x 768 pixels). So when I view my site at 600 x 800,
>>> eveything gets pretty huge, including fonts if I'm not careful. I know
>>> this is beginner's stuff, so Thanks for any help. I appreciate
>>> it,...Frank
>>>

>>
>>

>
>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Outlook 2003 Font Size Changes FONT size=+0 in HTML Code Dave Cumberbatch Microsoft Outlook Discussion 1 2nd Mar 2010 12:46 PM
Word 2007, Font Size, Font Style, Print Size Bion Microsoft Word Document Management 1 16th Jun 2009 02:45 AM
How can I change font size, font type, page size etc. permanently? ferroburak Microsoft Word Document Management 2 2nd Jan 2009 03:03 PM
font orientation BiffNightly Microsoft Excel Misc 2 20th Jul 2006 09:50 PM
Adding font size, font type, column size in query =?Utf-8?B?QmV0dGVyZ2FpbnM=?= Microsoft Access Queries 0 18th Nov 2004 11:17 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:15 AM.