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

Re: Changing size and fonts of fonts.css

Expand Messages
  • Eric Carl
    Yes, I am using reset.css as well. Thanks Dave, that works! ... inside the body. Since the body is where the font is being normalized the percent will only
    Message 1 of 6 , Jan 31, 2007
    • 0 Attachment
      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
      >
    • 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 2 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 3 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 4 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.