![]() | |
![]() |
| | Thread Tools | Display Modes |
#11
| |||
| |||
|
|
1001 Webs wrote: "Beauregard T. Shagnasty" wrote: ... and since you use Verdana (as explained in my link), an overly large font, you also penalize everyone who is using a computer without that font installed. Helvetica and Arial, which I've defined as substitutes for Verdana, are actually smaller. Well, of course they are. That's why I said you penalize anyone who does not have Verdana. Your 11px with Arial is way too small. By the way, near as I can count, you have this: font-family: Verdana, Arial, Helvetica, sans-serif; *172* times in your style sheet. It needs to be there only *once*. In the body { }. Change that one occurrence to: font-family: Helvetica, Arial, sans-serif; Maybe add Tahoma at the beginning of it. |
#12
| |||
| |||
|
|
On Nov 3, 10:18 pm, "Beauregard T. Shagnasty" a.nony.m... (AT) example (DOT) invalid> wrote: 1001 Webs wrote: "Beauregard T. Shagnasty" wrote: ... and since you use Verdana (as explained in my link), an overly large font, you also penalize everyone who is using a computer without that font installed. Helvetica and Arial, which I've defined as substitutes for Verdana, are actually smaller. Well, of course they are. That's why I said you penalize anyone who does not have Verdana. Your 11px with Arial is way too small. By the way, near as I can count, you have this: font-family: Verdana, Arial, Helvetica, sans-serif; *172* times in your style sheet. It needs to be there only *once*. In the body { }. Change that one occurrence to: font-family: Helvetica, Arial, sans-serif; Maybe add Tahoma at the beginning of it. 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. |
#13
| |||
| |||
|
|
"1001 Webs" <1001w... (AT) gmail (DOT) com> wrote in message news:1194179182.472752.63440 (AT) v3g2000hsg (DOT) googlegroups.com... On Nov 3, 10:18 pm, "Beauregard T. Shagnasty" a.nony.m... (AT) example (DOT) invalid> wrote: 1001 Webs wrote: "Beauregard T. Shagnasty" wrote: ... and since you use Verdana (as explained in my link), an overly large font, you also penalize everyone who is using a computer without that font installed. Helvetica and Arial, which I've defined as substitutes for Verdana, are actually smaller. Well, of course they are. That's why I said you penalize anyone who does not have Verdana. Your 11px with Arial is way too small. By the way, near as I can count, you have this: font-family: Verdana, Arial, Helvetica, sans-serif; *172* times in your style sheet. It needs to be there only *once*. In the body { }. Change that one occurrence to: font-family: Helvetica, Arial, sans-serif; Maybe add Tahoma at the beginning of it. 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. And here you are again asking the same cross posted question. And here you are again posting the same multi-posted reply ... |
|
Dipstick! Chopstick ! |
#14
| ||||
| ||||
|
|
1001 Webs wrote: "Beauregard T. Shagnasty" wrote: Change the font size to: 100% instead of any pixel or point value. This is funny. Probably so. When you search for "sample css file" in Google the first two results lead you to sample css files that use points instead of percentages: http://www.computing.dcu.ie/~asmeato...odule.css.html Because there are millions of web pages that do it wrong, is no reason to emulate them. ;-) Right |
|
and this one from the sample offered for download at Zen Garden: http://www.csszengarden.com/ http://www.csszengarden.com/zengarden-sample.css but when you look at the CSS they are actually using at their website: http://www.csszengarden.com/001/001.css you only see percentages. csszengarden has been around for quite some time, and is an exercise it what can be accomplished with CSS. I would not consider it a viable 'tutorial', though. Heck, even most tutorials have errors. It's not a tutorial. |
|
A conspiracy to mislead unaware people? Nah. Just authors who don't understand. Even the oft-recommended tute at htmldog.com recommends a too-small font size;http://htmldog.com/reference/cssproperties/font-size/ body { font-family: arial, Helvetica, sans-serif; font-size: 80%; 80% is ok for footers and legalese that nobody reads (though I stop at 85% as the smallest I use - for footer/legal). All other text is 100%. I noticed that too. |
|
Hey, we all did it wrong in the beginning, as I did, but someone turned on my light bulb a bunch of years ago. Sure. |
#15
| ||||
| ||||
|
|
1001 Webs wrote: Hey, we all did it wrong in the beginning, as I did, but someone turned on my light bulb a bunch of years ago. Sure. Maybe you can turn my bulb on with this one, if you'd be so kind. What's the use of using ems to specify font-sizing if you have already done so in the body with 100%? Only if you want to change a particular piece of content to something other than 100%. Headings, footers... That's exactly what I want to do. |
|
Does not make more sense to use percentages as well? In place of. Yes, it does. As explained. You avoid the em bug in IE. Ok, |
|
Have a look at this, please: http://www.thenoodleincident.com/css/real.css body { font-family: verdana, arial, helvetica, sans-serif; font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/ ... That author went small because he is using Verdana. Look at his pages without Verdana and see what happens. And why does the comment say "in ems, baby" when it plainly is a percent value? Strange eh? |
|
If you add the Web Developer Toolbar to Firefox,http://chrispederick.com/work/web-developer/ you can easily adjust sizes and .. remove Verdana .. from the author's style sheet and see what happens. I have it installed, but I didn't realize that you could turn fonts |
![]() |
| Thread Tools | |
| Display Modes | |
| |