Text formatting trouble

[BGarner]

Hey you guys,

I need some help getting this to work properly. Below is a portion of the css for http://72.52.285.72/~bennett/willy.shtml

Code: Select all

h1 {
    font: normal normal lighter 20px;
    color: #0000ff;
}

h2 {
    color: #0000ff;
    font: italic normal lighter 20px;
    position: relative;
    left: 28px;
}

h1 and h2 are messed up h2 is supposed to be in italics. Well it's probably something really simple in my code that I overlooked, but check it out.

Thanks!

[karinne]

I've always had trouble as well with the shorthand form of the font property, namely when setting a font-style.

If you separate the font-style it works so...

Code: Select all

h2 {
    color: #0000ff;
    font-style: italic;
    font: normal lighter 20px;
    position: relative;
    left: 28px;
}

Not sure.

[Ryan Fait]

Code: Select all

font: italic 20px arial,sans-serif;

The font and font family are required in the font tag.

[BGarner]

That was it thanks you guys!

[karinne]

Originally Posted by ryanfait

Code: Select all

font: italic 20px arial,sans-serif;

The font and font family are required in the font tag.

Totally forgot about that!

Yeah ... font-size and font-family are required.