Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: font

Order test

  1. Shouldn't be 25 pixel monospace (font: monospace 25px).

  2. Shouldn't be 25 pixels high (font: 25px).

  3. Shouldn't be monospace (font: monospace).

  4. Shouldn't be bold monospace (font: bold monospace).

  5. Shouldn't be bold (font: bold).

  6. Shouldn't be bold (font: bold 25px).

Font shorthand resets unset values to initial

Here's some control text.

  1. Should look the same as the control text, since the font shorthand overrides the line-height and boldness.

  2. Should look the same as the control text, since the font shorthand overrides the inherited line-height and boldness.

Font - invalid values test

  1. Should not be in monospace - it should look normal.

  2. Should not be in monospace - it should look normal.

  3. Shouldn't be bold 30 pixel monospace (.w {font: bold30px monospace}).

Font test

  1. Should be 16px (very) bold monospace.

  2. Should be 16px bold monospace.

  3. Should be 16px bold italic monospace.

  4. Should be 16px bold italic small-caps monospace.

  5. Should be 16px monospace with a vast line height.

    Control

  6. Should be 16px monospace with a vast line height.(.x {font: 16px/100px monospace}

Font with line height test

  1. Should be 16px with a huge line height .r {font: 16px/100px monospace}

  2. Should be monospaced with a huge line height..t {font: 16px/ 100px monospace}

  3. Should be monospaced with a huge line height..u {font: 16px /100px monospace}

  4. Should not be monospaced with a huge line height.. s {font: 16px/100pxmonospace}.

  5. Should not be monospaced with a huge line height at CSS 2, although it should at CSS 1..v {font: 16px/10monospace}