HighDots Forums  

font-size: 76.1%;

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss font-size: 76.1%; in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
1001 Webs
 
Posts: n/a

Default font-size: 76.1%; - 11-04-2007 , 07:23 AM






I am trying to make my style sheet as compatible as possible and I'm
getting a bit confused here.

I've read that the best size for font-size would be 76.1%; due to
shortcomings in the way both IE and Opera render that attribute.

Is this correct?


Reply With Quote
  #2  
Old   
rf
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 07:32 AM







"1001 Webs" <1001webs (AT) gmail (DOT) com> wrote

Quote:
I am trying to make my style sheet as compatible as possible and I'm
getting a bit confused here.

I've read that the best size for font-size would be 76.1%; due to
shortcomings in the way both IE and Opera render that attribute.
You read the wrong thing.

Quote:
Is this correct?
No, it is not.

Either specify font-size: 100% or specify nothing, that is leave font-size
out entirely. That way your viewer has the benifit of reading your page with
the font size *she* has chosen as best for *her*.

Read the archive for this and other newsgroups for more information.

--
Richard.




Reply With Quote
  #3  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 08:23 AM



On Nov 4, 1:32 pm, "rf" <r... (AT) invalid (DOT) com> wrote:
Quote:
"1001 Webs" <1001w... (AT) gmail (DOT) com> wrote in message

news:1194179010.637681.296830 (AT) o3g2000hsb (DOT) googlegroups.com...

I am trying to make my style sheet as compatible as possible and I'm
getting a bit confused here.

I've read that the best size for font-size would be 76.1%; due to
shortcomings in the way both IE and Opera render that attribute.

You read the wrong thing.

Is this correct?

No, it is not.

Either specify font-size: 100% or specify nothing, that is leave font-size
out entirely. That way your viewer has the benifit of reading your page with
the font size *she* has chosen as best for *her*.
Well , maybe *she* has not bother to choose was best for *her*,
because no one has ever told *her* that *she* could so.
Who are we talking about, anyway?

Quote:
Read the archive for this and other newsgroups for more information.
I have, that's why I'm asking.
Perhaps you ought to do the same.



Reply With Quote
  #4  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 08:25 AM



On Nov 4, 2:13 pm, "Beauregard T. Shagnasty"
<a.nony.m... (AT) example (DOT) invalid> wrote:
Quote:
1001 Webs wrote:
I am trying to make my style sheet as compatible as possible and I'm
getting a bit confused here.

I don't understand why...

I've read that the best size for font-size would be 76.1%; due to
shortcomings in the way both IE and Opera render that attribute.

Is this correct?

No.

Please cite where you read that 76.1% is "best".
Results 1 - 10 of about 11,500 for font-size: 76.1%.
http://www.google.com/search?hl=en&q...25&btnG=Search

Quote:
Opera has no
shortcomings. IE, on the other hand, has lots of them. For example, if
you were to specify the body font in em units, when a user changes, for
example, from Medium to Larger, rather than getting an expected small
percentage in increase, IE *doubles* the size. Hence, comes the
recommendation to use
body { font-size: 100%; }
How about this?:

"As a general rule for best cross-browser consistancy, you need to do
a few of things for text resizer buttons to work well:

1. in the body tag, define a font size of 76%

Code:

body {
font-size:76%;
}


2. Define all font sizes in "em". This is a relative unit, for
example:

Code:

p {
font-size:1em;
}



Reply With Quote
  #5  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 08:29 AM



On Nov 4, 2:25 pm, 1001 Webs <1001w... (AT) gmail (DOT) com> wrote:
Quote:
On Nov 4, 2:13 pm, "Beauregard T. Shagnasty"<a.nony.m... (AT) example (DOT) invalid> wrote:
1001 Webs wrote:
I am trying to make my style sheet as compatible as possible and I'm
getting a bit confused here.

I don't understand why...

I've read that the best size for font-size would be 76.1%; due to
shortcomings in the way both IE and Opera render that attribute.

Is this correct?

No.

Please cite where you read that 76.1% is "best".

Results 1 - 10 of about 11,500 for font-size: 76.1%.http://www.google.com/search?hl=en&q...25&btnG=Search

Opera has no
shortcomings. IE, on the other hand, has lots of them. For example, if
you were to specify the body font in em units, when a user changes, for
example, from Medium to Larger, rather than getting an expected small
percentage in increase, IE *doubles* the size. Hence, comes the
recommendation to use
body { font-size: 100%; }

How about this?:

"As a general rule for best cross-browser consistancy, you need to do
a few of things for text resizer buttons to work well:

1. in the body tag, define a font size of 76%

Code:

body {
font-size:76%;

}

2. Define all font sizes in "em". This is a relative unit, for
example:

Code:

p {
font-size:1em;

}
Or this:
/* reset the font sizes to the base font size that we want */
body {font-size : 100.01%;} /* For Stupid Opera */
body {font-size : 62.5%;} /* Resets 1em=10px: */
#outer-wrap {*font-size:101%;} /* For Stupid IE */
#inner-wrap {font-size:100%;}

http://meyerweb.com/eric/thoughts/20...eset-reloaded/



Reply With Quote
  #6  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 09:56 AM



On Nov 4, 3:11 pm, "Beauregard T. Shagnasty"
<a.nony.m... (AT) example (DOT) invalid> wrote:
Quote:
1001 Webs wrote:
1001 Webs <1001w... (AT) gmail (DOT) com> wrote:
"Beauregard T. Shagnasty" wrote:
Please cite where you read that 76.1% is "best".

Results 1 - 10 of about 11,500 for font-size: 76.1%.
http://www.google.com/search?hl=en&q...25&btnG=Search

Results 1 - 10 of about 7,300,000 for font-size: 100%http://www.google.com/search?hl=en&q...25&btnG=Search

Trumped.
Not so.
Search for:
http://www.google.com/search?hl=en&q...pt&btnG=Search
and repeat it with different pt sizes and you come up with a higher
number of results.

Quote:
Opera has no shortcomings. IE, on the other hand, has lots of them.
For example, if you were to specify the body font in em units, when
a user changes, for example, from Medium to Larger, rather than
getting an expected small percentage in increase, IE *doubles* the
size. Hence, comes the recommendation to use
body { font-size: 100%; }

How about this?:

"As a general rule for best cross-browser consistancy, you need to do
a few of things for text resizer buttons to work well:

Text resizer buttons are not necessary, if you use the visitor's chosen
size to start with. <shrug
You all keep talking about the "visitor's chosen size"
Are you referring to the visitor's default browser assigned size size
as well?

Quote:
My ISP's former home page had those three-sized "A"'s to click on. The
associated style sheets were 62.5%, 76%, and 92%. All of which are
smaller than I prefer.

1. in the body tag, define a font size of 76%

Code:

body {
font-size:76%;
}

Flyspecks.
Uh?

Quote:
2. Define all font sizes in "em". This is a relative unit, for
example:

..except for the IE bug, using em would work. 1 of them.
So, that's one of my doubts.
No ems then, to ensure IE compatibility, right?

Quote:
Or this:
/* reset the font sizes to the base font size that we want */
body {font-size : 100.01%;} /* For Stupid Opera */

... older versions.
that have to be taken into account as well, I'm afraid, specially IE6

Quote:
body {font-size : 62.5%;} /* Resets 1em=10px: */

... px size varies with resolution, monitor sizes, DPI settings, OSs.

#outer-wrap {*font-size:101%;} /* For Stupid IE */

... well, that's true.
ok

Quote:
#inner-wrap {font-size:100%;}

http://meyerweb.com/eric/thoughts/20...eset-reloaded/

..which says: font-size: 100%; so I guess you agree?
yep

Quote:
http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html

We could trade links all day. Why are you so recalcitrant about using
the visitor's chosen size?
Because when I use font-size: 100%; as the only directive my top row
grows too much
And the H1,2,3 don't look nice.
It doesn't happen with font-size:76%;



Reply With Quote
  #7  
Old   
Rick Brandt
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 10:10 AM



1001 Webs wrote:
Quote:
On Nov 4, 3:11 pm, "Beauregard T. Shagnasty"
a.nony.m... (AT) example (DOT) invalid> wrote:
1001 Webs wrote:
We could trade links all day. Why are you so recalcitrant about
using
the visitor's chosen size?
Because when I use font-size: 100%; as the only directive my top row
grows too much
And the H1,2,3 don't look nice.
It doesn't happen with font-size:76%;
The answer you are going to get...

"You have a default text size setting on your browser too."







Reply With Quote
  #8  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 11:08 AM



On Nov 4, 4:50 pm, "Beauregard T. Shagnasty"
<a.nony.m... (AT) example (DOT) invalid> wrote:
Quote:
1001 Webs wrote:
"Beauregard T. Shagnasty" wrote:
Text resizer buttons are not necessary, if you use the visitor's chosen
size to start with. <shrug

You all keep talking about the "visitor's chosen size" Are you
referring to the visitor's default browser assigned size size as
well?

One and the same. Some users are astute enough to set it to something
else, if the default is not comfortable for them. Others suffer. Still
others simply hit the back button when they arrive at a page they can't
read.

Flyspecks.

Uh?

How big is a flyspeck? Tiny. Like 62.5%.

..except for the IE bug, using em would work. 1 of them.
So, that's one of my doubts.
No ems then, to ensure IE compatibility, right?

You're catching on...

Because when I use font-size: 100%; as the only directive my top row
grows too much
And the H1,2,3 don't look nice.

So set them.
Yep

Quote:
It doesn't happen with font-size:76%;

You didn't understand my page, whose link I have posted several times.http://k75s.home.att.net/fontsize.html
font-family: sans-serif; /* u-pick, like strawberries :-) */
font-size: 101%;
It looks nice and clear.
And I haven't set my browser to use any fonts.
I'm going to copy it, Beauregard.
Please advise me of royalty issues

Quote:
quote
What to use in your style sheet

Here is a small sample of how you can assign flexible font sizing in
your own CSS style sheet:

body { font-size: 100%; }
h1 { font-size: 175%; } /* Adjust heading sizes as appropriate */
h2 { font-size: 150%; }
h3 { font-size: 135%; }
h4 { font-size: 125%; }
.legalese { font-size: 85%; } /* Footers and the "fine print" */
/quote

..and with rare exception, you won't have to set any *other* sizes.
Yes, yes and YES.

Thank you again.

How could I ever compensate you for this?



Reply With Quote
  #9  
Old   
1001 Webs
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 11:48 AM



On Nov 4, 5:13 pm, "Beauregard T. Shagnasty"
<a.nony.m... (AT) example (DOT) invalid> wrote:
Quote:
1001 Webs wrote:
Yes, yes and YES.

See? I didn't think you had read it.

Thank you again.

How could I ever compensate you for this?

How about coming through Upstate New York and buying steak dinners?
That's a deal, then.
We'll have to wait until I get some real income first, but that is
expected to happen in the first quarter of 2008.

P.D.
So you are not Indian after all, not a religious one at least ...



Reply With Quote
  #10  
Old   
Jonathan N. Little
 
Posts: n/a

Default Re: font-size: 76.1%; - 11-04-2007 , 12:42 PM



1001 Webs wrote:
Quote:
On Nov 4, 5:13 pm, "Beauregard T. Shagnasty"
a.nony.m... (AT) example (DOT) invalid> wrote:
1001 Webs wrote:
Yes, yes and YES.
See? I didn't think you had read it.

Thank you again.
How could I ever compensate you for this?
How about coming through Upstate New York and buying steak dinners?

That's a deal, then.
We'll have to wait until I get some real income first, but that is
expected to happen in the first quarter of 2008.

P.D.
So you are not Indian after all, not a religious one at least ...

Gee, I don't know...it seems like some site are improved with:

body { font-size: 1% !important; }

;-)

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com


Reply With Quote
Reply




Thread Tools
Display Modes

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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.