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

Changing size and fonts of fonts.css

Expand Messages
  • Eric Carl
    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
    Message 1 of 6 , Jan 30, 2007
    • 0 Attachment
      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.
    • dav.glass@yahoo.com
      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
      Message 2 of 6 , Jan 30, 2007
      • 0 Attachment
        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

        <*> 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/


      • 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 3 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 4 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 5 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 6 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.