font property in css code example

Example 1: how bold text in css

p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

p.thicker {
  font-weight: 900;
}

Example 2: css font

@font-face {
  font-family: "Name of the font"; /*eg Ubuntu*/
  src: url("your/path/to/the.font");
}

p{
  font-family: "Ubuntu";
}

Example 3: css font

p {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

/*
The font property is a shorthand property for:
font-style
font-variant
font-weight
font-size/line-height
font-family
*/

Example 4: define font css

body {
  font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}
 */