Loading ...
Sorry, an error occurred while loading the content.

Re: Changing size and fonts of fonts.css

Expand Messages
  • geoffreyk00
    Hi all, just starting out and stumbled into this problem right away. Thanks for the help. Question next: How do I set a global line-height for the entire
    Message 1 of 6 , Feb 2, 2007
    • 0 Attachment
      Hi all,
      just starting out and stumbled into this problem right away.
      Thanks for the help.

      Question next:
      How do I set a global line-height for the entire document? I tried
      putting line-height: 1.36em in body and #doc and neither of these
      had any effect? Any help?

      Thanks
      -Geoff

      --- In ydn-javascript@yahoogroups.com, "Eric Carl" <ericcarl@...>
      wrote:
      >
      > Yes, I am using reset.css as well. Thanks Dave, that works!
      >
      > --- In ydn-javascript@yahoogroups.com, dav.glass@ wrote:
      > >
      > > Eric --
      > >
      > > Just to make sure, are you also including the reset.css?
      > >
      > > If so, I have put up a simple example here:
      > > http://blog.davglass.com/files/yui/fonts1/
      > >
      > > The css rules added to this page are:
      > > body {
      > > font-family: verdana,arial,helvetica,clean,sans-serif;
      > > }
      > > #doc {
      > > font-size: 85%;
      > > }
      > > The body rule should change the page to default to Verdana.
      > >
      > > The font-size rule needs to be applied to the first "container"
      > inside the body. Since the body is where the font is being
      > "normalized" the percent will only work properly if it's under
      that node.
      > >
      > > Hope that helps 8-)
      > > Dav
      > >
      > > Dav Glass
      > > dav.glass@
      > > blog.davglass.com
      > >
      > >
      > > + Windows: n. - The most successful computer virus, ever. +
      > > + A computer without a Microsoft operating system is like a dog
      > > without bricks tied to its head +
      > > + A Microsoft Certified Systems Engineer is to computing what a
      > > McDonalds Certified Food Specialist is to fine cuisine +
      > >
      > > ----- Original Message ----
      > > From: Eric Carl <ericcarl@>
      > > To: ydn-javascript@yahoogroups.com
      > > Sent: Tuesday, January 30, 2007 7:17:05 PM
      > > Subject: [ydn-javascript] Changing size and fonts of fonts.css
      > >
      > > Seems like this should be simple but I'm having problems. If I
      decide
      > > the default size is too large and I'd rather use Verdana than
      Arial,
      > > what's the best way to make this change?
      > >
      > > I tried leaving fonts.css untouched and just putting body {
      > > font-size:85%; } in my main css file but it doesn't work
      correctly
      > > (text is slightly larger than it should be). So I tried just
      changing
      > > the 13px in fonts.css to 11px and while it worked in Firefox, it
      > > didn't work in IE.
      > >
      > > The YUI site also mentions that when using a different font
      family, it
      > > should be declared outside of fonts.css. However the example is
      only
      > > for a specific div id. What if I want to change it for my entire
      page?
      > > Thanks for any help.
      > >
      > >
      > >
      > >
      > > Yahoo! Groups Links
      > >
      >
    • dav.glass@yahoo.com
      Geoff -- You should be able to put this rule in after you load reset and fonts: body * { line-height:1.36em; } Dav Glass dav.glass@yahoo.com blog.davglass.com
      Message 2 of 6 , Feb 2, 2007
      • 0 Attachment
        Geoff --

        You should be able to put this rule in after you load reset and fonts:

        body * {
            line-height:1.36em;
        }

         
        Dav Glass
        dav.glass@...
        blog.davglass.com


        + Windows: n. - The most successful computer virus, ever. +
        + A computer without a Microsoft operating system is like a dog
        without bricks tied to its head +
        + A Microsoft Certified Systems Engineer is to computing what a
        McDonalds Certified Food Specialist is to fine cuisine +


        ----- Original Message ----
        From: geoffreyk00 <geoffreyk@...>
        To: ydn-javascript@yahoogroups.com
        Sent: Friday, February 2, 2007 2:47:22 PM
        Subject: [ydn-javascript] Re: Changing size and fonts of fonts.css

        Hi all,
        just starting out and stumbled into this problem right away.
        Thanks for the help.

        Question next:
        How do I set a global line-height for the entire document? I tried
        putting line-height: 1.36em in body and #doc and neither of these
        had any effect? Any help?

        Thanks
        -Geoff

        --- In ydn-javascript@yahoogroups.com, "Eric Carl" <ericcarl@...>
        wrote:
        >
        > Yes, I am using reset.css as well. Thanks Dave, that works!
        >
        > --- In ydn-javascript@yahoogroups.com, dav.glass@ wrote:
        > >
        > > Eric --
        > >
        > > Just to make sure, are you also including the reset.css?
        > >
        > > If so, I have put up a simple example here:
        > > http://blog.davglass.com/files/yui/fonts1/
        > >
        > > The css rules added to this page are:
        > > body {
        > >         font-family: verdana,arial,helvetica,clean,sans-serif;
        > > }
        > > #doc {
        > >     font-size: 85%;
        > > }
        > > The body rule should change the page to default to Verdana.
        > >
        > > The font-size rule needs to be applied to the first "container"
        > inside the body. Since the body is where the font is being
        > "normalized" the percent will only work properly if it's
        under
        that node.
        > >
        > > Hope that helps 8-)
        > > Dav
        > >  
        > > Dav Glass
        > > dav.glass@
        > > blog.davglass.com
        > >
        > >
        > > + Windows: n. - The most successful computer virus, ever. +
        > > + A computer without a Microsoft operating system is like a dog
        > >     without bricks tied to its head +
        > > + A Microsoft Certified Systems Engineer is to computing what a
        > >    McDonalds Certified Food Specialist is to fine cuisine  +
        > >
        > > ----- Original Message ----
        > > From: Eric Carl <ericcarl@>
        > > To: ydn-javascript@yahoogroups.com
        > > Sent: Tuesday, January 30, 2007 7:17:05 PM
        > > Subject: [ydn-javascript] Changing size and fonts of fonts.css
        > >
        > > Seems like this should be simple but I'm having problems. If
        I
        decide
        > > the default size is too large and I'd rather use Verdana than
        Arial,
        > > what's the best way to make this change?
        > >
        > > I tried leaving fonts.css untouched and just putting body {
        > > font-size:85%; } in my main css file but it doesn't work
        correctly
        > > (text is slightly larger than it should be). So I tried just
        changing
        > > the 13px in fonts.css to 11px and while it worked in Firefox, it
        > > didn't work in IE.
        > >
        > > The YUI site also mentions that when using a different font
        family, it
        > > should be declared outside of fonts.css. However the example is
        only
        > > for a specific div id. What if I want to change it for my entire
        page?
        > > Thanks for any help.
        > >
        > >
        > >
        > >  
        > > Yahoo! Groups Links
        > >
        >





        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto:ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/


      • geoffreyk00
        Ah, got it. Works great. Thanks for the help -Geoff ... it ... is ... entire
        Message 3 of 6 , Feb 2, 2007
        • 0 Attachment
          Ah, got it.
          Works great. Thanks for the help

          -Geoff

          --- In ydn-javascript@yahoogroups.com, dav.glass@... wrote:
          >
          > Geoff --
          >
          > You should be able to put this rule in after you load reset and
          fonts:
          >
          > body * {
          > line-height:1.36em;
          > }
          >
          >
          >
          > Dav Glass
          > dav.glass@...
          > blog.davglass.com
          >
          >
          > + Windows: n. - The most successful computer virus, ever. +
          > + A computer without a Microsoft operating system is like a dog
          > without bricks tied to its head +
          > + A Microsoft Certified Systems Engineer is to computing what a
          > McDonalds Certified Food Specialist is to fine cuisine +
          >
          > ----- Original Message ----
          > From: geoffreyk00 <geoffreyk@...>
          > To: ydn-javascript@yahoogroups.com
          > Sent: Friday, February 2, 2007 2:47:22 PM
          > Subject: [ydn-javascript] Re: Changing size and fonts of fonts.css
          >
          > Hi all,
          > just starting out and stumbled into this problem right away.
          > Thanks for the help.
          >
          > Question next:
          > How do I set a global line-height for the entire document? I tried
          > putting line-height: 1.36em in body and #doc and neither of these
          > had any effect? Any help?
          >
          > Thanks
          > -Geoff
          >
          > --- In ydn-javascript@yahoogroups.com, "Eric Carl" <ericcarl@>
          > wrote:
          > >
          > > Yes, I am using reset.css as well. Thanks Dave, that works!
          > >
          > > --- In ydn-javascript@yahoogroups.com, dav.glass@ wrote:
          > > >
          > > > Eric --
          > > >
          > > > Just to make sure, are you also including the reset.css?
          > > >
          > > > If so, I have put up a simple example here:
          > > > http://blog.davglass.com/files/yui/fonts1/
          > > >
          > > > The css rules added to this page are:
          > > > body {
          > > > font-family: verdana,arial,helvetica,clean,sans-serif;
          > > > }
          > > > #doc {
          > > > font-size: 85%;
          > > > }
          > > > The body rule should change the page to default to Verdana.
          > > >
          > > > The font-size rule needs to be applied to the first "container"
          > > inside the body. Since the body is where the font is being
          > > "normalized" the percent will only work properly if it's under
          > that node.
          > > >
          > > > Hope that helps 8-)
          > > > Dav
          > > >
          > > > Dav Glass
          > > > dav.glass@
          > > > blog.davglass.com
          > > >
          > > >
          > > > + Windows: n. - The most successful computer virus, ever. +
          > > > + A computer without a Microsoft operating system is like a dog
          > > > without bricks tied to its head +
          > > > + A Microsoft Certified Systems Engineer is to computing what a
          > > > McDonalds Certified Food Specialist is to fine cuisine +
          > > >
          > > > ----- Original Message ----
          > > > From: Eric Carl <ericcarl@>
          > > > To: ydn-javascript@yahoogroups.com
          > > > Sent: Tuesday, January 30, 2007 7:17:05 PM
          > > > Subject: [ydn-javascript] Changing size and fonts of fonts.css
          > > >
          > > > Seems like this should be simple but I'm having problems. If I
          > decide
          > > > the default size is too large and I'd rather use Verdana than
          > Arial,
          > > > what's the best way to make this change?
          > > >
          > > > I tried leaving fonts.css untouched and just putting body {
          > > > font-size:85%; } in my main css file but it doesn't work
          > correctly
          > > > (text is slightly larger than it should be). So I tried just
          > changing
          > > > the 13px in fonts.css to 11px and while it worked in Firefox,
          it
          > > > didn't work in IE.
          > > >
          > > > The YUI site also mentions that when using a different font
          > family, it
          > > > should be declared outside of fonts.css. However the example
          is
          > only
          > > > for a specific div id. What if I want to change it for my
          entire
          > page?
          > > > Thanks for any help.
          > > >
          > > >
          > > >
          > > >
          > > > Yahoo! Groups Links
          > > >
          > >
          >
          >
          >
          >
          >
          > Yahoo! Groups Links
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.