Re: [css-d] Type sizes?
At 5:17 PM -0400 9/8/10, Chris F.A. Johnson wrote:
On Wed, 8 Sep 2010, Lalena wrote:
a {font-family:Times,serif;
font-size:medium;
color:#ff;
}
You can set default font for the entire page in the BODY:
body
{
font-size: 100%; /* don't use anything else for the default */
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
You can also use em's, such as:
body
{
font-size: 1em;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
and then base everything else upon that, such as:
h1
{
font-size: 1.3em;
}
.copyright p
{
font-size: 0.8em;
}
and so on.
Cheers,
tedd
--
---
http://sperling.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
On Thu, Sep 9, 2010 at 5:18 AM, tedd tedd.sperl...@gmail.com wrote:
You can set default font for the entire page in the BODY:
body
{
font-size: 100%; /* don't use anything else for the default */
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
You can also use em's, such as:
body
{
font-size: 1em;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
and then base everything else upon that, such as:
h1
{
font-size: 1.3em;
}
.copyright p
{
font-size: 0.8em;
}
and so on.
I have developed a practice of using 100% in the body and then using
em elsewhere to set sizes.
Such as:
body {
font-size: 100%; /* base my size on user default */
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
h1 {
font-size: 1.3em;
}
I have vague memories of doing this because the percentage handled a
glitch in one browser or another. Can't recall the details now. Is
this a case of age invented memories, or was there such a
consideration at one time that made the % in body a good idea even if
one had a personal preference for em in the rest of the style sheet?
Claude
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
I have vague memories of doing this because the percentage handled a glitch in one browser or another. There was an IE bug handling sizing in ems that the 100% rule fixed, as I recall. Perhaps this one with text-resizing? http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/EM-font-resizing-bug.html ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
Claude Needham wrote: I have developed a practice of using 100% in the body and then using em elsewhere to set sizes. I have vague memories of doing this because the percentage handled a glitch in one browser or another. Can't recall the details now. Is this a case of age invented memories, or was there such a consideration at one time that made the % in body a good idea even if one had a personal preference for em in the rest of the style sheet? I don't know whether it might make any difference in practice, but in theory, using an em before one has selected a font, weight, shape and size would seem to be putting the cart before the horse ! ** Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
On 9/9/10 8:42 AM, Claude Needham wrote:
I have developed a practice of using 100% in the body and then using
em elsewhere to set sizes.
Such as:
body {
font-size: 100%; /* base my size on user default */
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
h1 {
font-size: 1.3em;
}
I have vague memories of doing this because the percentage handled a
glitch in one browser or another. Can't recall the details now. Is
this a case of age invented memories, or was there such a
consideration at one time that made the % in body a good idea even if
one had a personal preference for em in the rest of the style sheet?
Claude
Claude,
It is used specifically to defeat the em font re-sizing bug in IE
[fonts go totally goofy when re-sized in IE if 100 percent is not
declared on html or body] -- declaring 100% on html is the usual
method, but the way you have used it works, too...
html {font-size: 100%;}
body {font: 1em helvetica, arial, sans-serif; }
h1 {font-size: 1.3em; font-weight:normal;}
Best,
~d
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
On Friday 10 September 2010 00:18, tedd wrote:
[snip]
You can also use em's, such as:
body
{
font-size: 1em;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
and then base everything else upon that, such as:
That isn't a good idea. If you specify the body font in em units, when a user
changes (in IE6 or IE7) from Medium to Larger, rather than getting an
expected small percentage in increase, IE exaggerates the size change. Hence,
comes the recommendation to use:
body { font-size: 100%; }
http://www.alistapart.com/articles/howtosizetextincss/
(2007-11-20)
HTH
--
Michael
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes? Thank you
Thank you for all the thoughtful responses about how to handle type sizing. I will get to work on it. I love this list! Lalena __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
At 5:42 AM -0700 9/9/10, Claude Needham wrote:
I have vague memories of doing this because the percentage handled a
glitch in one browser or another. Can't recall the details now. Is
this a case of age invented memories, or was there such a
consideration at one time that made the % in body a good idea even if
one had a personal preference for em in the rest of the style sheet?
I have vague memories of that as well -- it was something like:
body
{
font-size: 100.1%;
}
After which, you could set the font size to any unit of measurement
you wanted. So, I stand corrected on setting the font size in the
body tag using ems.
However, as I see it there are several advantages in using ems, and
thus my suggestion.
Cheers,
tedd
--
---
http://sperling.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes? Thank you
On 2010/09/09 10:30 (GMT-0500) Lalena composed: Thank you for all the thoughtful responses about how to handle type sizing. I will get to work on it. I love this list! Anyone remember we have a wiki, where the consensus answer http://css-discuss.incutio.com/wiki/Internet_Explorer_Win_Bugs#IE_Font_Sizing_Bugs has been for quite some years? Further font questions you have that aren't answered there likely can be answered on my web URL below in the web authoring section. -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Using em or pixel
I've been working on making my css flexible with different browsers/screen resolutions/devices. The best information I've found so far has been the Patrick Griffiths article at A List Apart. In applying the suggestion that I use ems as often as possible, I've found instances where only pixels would give me control. Is there a general guideline about best use of each? - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using em or pixel
On Thu, 9 Sep 2010, Keith Purtell wrote: I've been working on making my css flexible with different browsers/screen resolutions/devices. The best information I've found so far has been the Patrick Griffiths article at A List Apart. In applying the suggestion that I use ems as often as possible, I've found instances where only pixels would give me control. Is there a general guideline about best use of each? What are you using px for? It it's for font size, the control you get is illusory; you get it only when your viewer doesn't use a different font size. If it's for column widths, you may create narrow columns that look like thin trickles down the page. Use px for border widths and images, but little else. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using em or pixel
On 9/9/10 9:09 PM, Keith Purtell wrote: I've been working on making my css flexible with different browsers/screen resolutions/devices. The best information I've found so far has been the Patrick Griffiths article at A List Apart. In applying the suggestion that I use ems as often as possible, I've found instances where only pixels would give me control. Is there a general guideline about best use of each? - Keith Purtell I don't know. A rather interesting article, though... http://www.alistapart.com/articles/responsive-web-design/ Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
tedd wrote:
At 5:42 AM -0700 9/9/10, Claude Needham wrote:
I have vague memories of doing this because the percentage handled a
glitch in one browser or another. Can't recall the details now. Is
this a case of age invented memories, or was there such a
consideration at one time that made the % in body a good idea even if
one had a personal preference for em in the rest of the style sheet?
I have vague memories of that as well -- it was something like:
body
{
font-size: 100.1%;
}
After which, you could set the font size to any unit of measurement you
wanted. So, I stand corrected on setting the font size in the body tag
using ems.
However, as I see it there are several advantages in using ems, and thus
my suggestion.
Cheers,
tedd
For me the advantages of using ems is more when you are restoring
vertical margins, less so with font-size.
p {margin: 1em 0;}
There has been many threads on this list. Using this term in Google shows.
em font-size site:http://archivist.incutio.com/viewlist/css-discuss/
This may help you Lalena.
http://archivist.incutio.com/viewlist/css-discuss/109373
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
