Skip navigation
manojb05
manojb05
Currently Being Moderated

Font Style Problem

Apr 10, 2012 5:55 AM

hi all,

I am put a 77 px font and line height 77 px, something like this WEBLINK

but i dont get a same result, can i do any special setting for this?

My link

492 Views   6 Replies   Latest reply: martcol, Apr 12, 2012 1:56 AM
 
Replies
  • martcol
    Currently Being Moderated
    1. martcol,
    Apr 10, 2012 7:44 AM   in reply to manojb05
    Report
    body, td, th {
        color: #FF99FF;

        font-family: Arial,sans-serif;

        font-size: 77px;

        font-weight: bold;

        line-height: 1;

    }

     

    But styling that on the body element will mean it gets inherited.

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    2. Rik Ramsay,
    Apr 10, 2012 10:05 AM   in reply to manojb05
    Report

    If you read through the source code of the website, they use letter spacing and word spacing to bring the letters together. They also had these elements as headers which means no need to add font-weight:bold.

    h1{

    font-size: 77px;

    letter-spacing: -0.08em;

    margin-bottom: 0.1em;

    text-rendering: optimizelegibility;

    word-spacing: -0.07em;

    line-height:1;

    }

     
    |
    Mark as:
  • manojb05
    Currently Being Moderated
    3. manojb05,
    Apr 11, 2012 12:21 AM   in reply to manojb05
    Report

    thanks for your feedback, but color mouseover comes very slowely, how can done.

    CSS this facility is run all browser text-rendering: optimizelegibility;

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    4. Rik Ramsay,
    Apr 11, 2012 8:37 AM   in reply to manojb05
    Report

    h1 a:link {

         -webkit-transition: all .25s ease-in;

          -moz-transition: all .25s ease-in;

          -o-transition: all .25s ease-in;

          -ms-transition: all .25s ease-in;

          transition: all .25s ease-in;

         text-decoration: none;

    }


     
    |
    Mark as:
  • manojb05
    Currently Being Moderated
    5. manojb05,
    Apr 12, 2012 1:43 AM   in reply to manojb05
    Report

    thanks for your reply.

    Rik my h1 apply nothing is happend css is given below

    h1{

              font-size: 77px;

              letter-spacing: -0.08em;

              margin-bottom: 0.1em;

              text-rendering: optimizelegibility;

              word-spacing: -0.07em;

              line-height:1;

              font-family: Arial, Helvetica, sans-serif;

              color: #FF99FF;

              a:link {

         -webkit-transition: all .25s ease-in;

          -moz-transition: all .25s ease-in;

          -o-transition: all .25s ease-in;

          -ms-transition: all .25s ease-in;

          transition: all .25s ease-in;

         text-decoration: none;

    }

     
    |
    Mark as:
  • martcol
    Currently Being Moderated
    6. martcol,
    Apr 12, 2012 1:56 AM   in reply to manojb05
    Report

    manojb05 wrote:

     

    thanks for your reply.

    Rik my h1 apply nothing is happend css is given below

    h1{

              font-size: 77px;

              letter-spacing: -0.08em;

              margin-bottom: 0.1em;

              text-rendering: optimizelegibility;

              word-spacing: -0.07em;

              line-height:1;

              font-family: Arial, Helvetica, sans-serif;

              color: #FF99FF;

              a:link {

         -webkit-transition: all .25s ease-in;

          -moz-transition: all .25s ease-in;

          -o-transition: all .25s ease-in;

          -ms-transition: all .25s ease-in;

          transition: all .25s ease-in;

         text-decoration: none;

    }

    You haven't finished the rule for h1 there.  It needs a closing curly brace }

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points