Skip navigation
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

 
Replies
  • Currently Being Moderated
    Apr 10, 2012 7:44 AM   in reply to manojb05
    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:
  • Currently Being Moderated
    Apr 10, 2012 10:05 AM   in reply to manojb05

    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:
  • Currently Being Moderated
    Apr 11, 2012 8:37 AM   in reply to manojb05

    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:
  • Currently Being Moderated
    Apr 12, 2012 1:56 AM   in reply to manojb05

    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:

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