CSS online training course

CSS lesson 9, Fonts weight and size

Font-weight

The font-weight property determines the weight of the letters. The most common valeus are :
  • Normal
  • Bold
  • Value between 100 and 1000

Font-size

The font-size controls the size of the letters. There are 10 values:
  • px, pt, em or %
  • small
  • medium
  • large
  • smaller
  • larger
  • xx-small
  • x-small
  • xx-large
  • larger

Example:

A rule with multiple fonts will look like this :
p { font-family: Verdana, serif; font-weight: bold; font-size: 12pt; font-style: italic }

The text in a paragraph will then look as followed: