473,581 Members | 3,046 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

font-size: 76.1%;

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?

Nov 4 '07 #1
27 3202
rf

"1001 Webs" <10******@gmail .comwrote in message
news:11******** **************@ o3g2000hsb.goog legroups.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*.

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

--
Richard.
Nov 4 '07 #2
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". 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%; }

--
-bts
-Motorcycles defy gravity; cars just suck
Nov 4 '07 #3
On Nov 4, 1:32 pm, "rf" <r...@invalid.c omwrote:
"1001 Webs" <1001w...@gmail .comwrote in message

news:11******** **************@ o3g2000hsb.goog legroups.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?
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.

Nov 4 '07 #4
On Nov 4, 2:13 pm, "Beauregard T. Shagnasty"
<a.nony.m...@ex ample.invalidwr ote:
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;
}

Nov 4 '07 #5
On Nov 4, 2:25 pm, 1001 Webs <1001w...@gmail .comwrote:
On Nov 4, 2:13 pm, "Beauregard T. Shagnasty"<a.no ny.m...@example .invalidwrote:
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/

Nov 4 '07 #6
1001 Webs wrote:
1001 Webs <1001w...@gmail .comwrote:
>"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.
>>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>

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.
>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.
Or this:
/* reset the font sizes to the base font size that we want */
body {font-size : 100.01%;} /* For Stupid Opera */
... older versions.
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.
#inner-wrap {font-size:100%;}

http://meyerweb.com/eric/thoughts/20...eset-reloaded/
...which says: font-size: 100%; so I guess you agree?

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?

--
-bts
-Motorcycles defy gravity; cars just suck
Nov 4 '07 #7
On Nov 4, 3:11 pm, "Beauregard T. Shagnasty"
<a.nony.m...@ex ample.invalidwr ote:
1001 Webs wrote:
1001 Webs <1001w...@gmail .comwrote:
"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.
>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?
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?
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?
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
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
#inner-wrap {font-size:100%;}
http://meyerweb.com/eric/thoughts/20...eset-reloaded/

..which says: font-size: 100%; so I guess you agree?
yep
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%;

Nov 4 '07 #8
1001 Webs wrote:
On Nov 4, 3:11 pm, "Beauregard T. Shagnasty"
<a.nony.m...@ex ample.invalidwr ote:
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."

Nov 4 '07 #9
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.
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

<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.

--
-bts
-Motorcycles defy gravity; cars just suck
Nov 4 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
4159
by: Justin Van Patten | last post by:
Hello, I am having trouble converting a LOGFONT structure to a System.Drawing.Font object. I'm calling SystemParametersInfo to get the LOGFONT lfntSMCaptionFont from a NONCLIENTMETRICS structure. I seem to be doing this correctly, but when I try to create a System.Drawing.Font object with the Font.FromLogFont, the new Font object has a...
10
4039
by: Richard R Plourde | last post by:
I've got a problem that IE doesn't seem to use the entire font unicode subgroups from a hinted font file. When I display the following web page in IE 6 as opposed to Firefox 1.0 PR. Check out the web page in question... http://clientserver.home.comcast.net/unicode.html If you examine, for a few examples, characters such as square root...
3
7185
by: Barry Anderberg | last post by:
I'm using the .NET Memory Profiler by Sci Tech and I wrote a little test application to verify something odd I observed and it appears that System.Drawing.Font fails to dispose of its FontFamily. I run the following code: // BEGIN while( true ) { System.Drawing.Graphics dc=lblClock.CreateGraphics();
3
26548
by: Wim | last post by:
I would like to store the ListView font in the XML config file. So I have a string variable listFont that stores the font (font.ToString()). It must be a string variable because a Font object cannot be written to the XML config file. Next time the program is started the font is read from the config file. But how to convert the string to a Font...
3
3653
by: pnp | last post by:
I have created a coposite user control of a text box and a label. I have exposed the font of the textbox property through a property of the control but every time I try to change that through the property grid of the designer when I use the composite control in a form, after a rebuild the changes seem to get lost! I don't see the Font property...
4
1933
by: BobAchgill | last post by:
Is it possible to use a font that is not stored in the windows font directory? I would like to use a font that is stored in my application directory... But this does not seem to work... rtbMyRichTextBox.SelectionFont = New Font(CurDir() + "\" + "MyFont.ttf", 12, FontStyle.Bold) Thanks!
6
8086
by: BobAchgill | last post by:
Has anyone had success with writing text using a private font that was not already installed to the system? When I try the example code in NET Framework Developer's Guide called “Creating a Private Font Collection” .... I only see a default font written to the form NOT the private font that was loaded. Ofcourse I see the right font...
1
2717
by: Henry Jones | last post by:
I found some code to change the font on a button to bold: private void btnBold_Click(object sender, System.EventArgs e) { btnCalculate.Font = new Font(btnCalculate.Font, btnCalculate.Font.Style | FontStyle.Bold);
24
2825
by: Tony Girgenti | last post by:
Hello. Developing a Windows Form program in VS.NET VB, .NET Framework 1.1.4322 on a windows XP Pro, SP2. Before printing a document, i want to set the font to a font that is only available with the printer that i am printing to(Zebra TLP2844). When i open Word and look at the fonts available for the default printer, it does not show...
16
1863
by: carlbernardi | last post by:
Hi, I was wondering if there is way use a font that is somehow kept in the code instead of having to load it? I am working on a single script that so far can produce images and html but I have not been able to figure out a way that it can also produce a font. Thanks Carl
0
7886
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, well explore What is ONU, What Is Router, ONU & Routers main...
0
8159
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
1
7920
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
8183
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6569
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development projectplanning, coding, testing, and deploymentwithout human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
0
5366
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3809
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
1413
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1147
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.