@font-face multiple fonts code example

Example 1: how many fonts can i add in a css font-face

@font-face {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

@font-face {
    font-family: CustomFont2;
    src: url('CustomFont2.ttf');
}

Example 2: @font-face multiple font weights

@font-face {
  font-family: "myFont";
  src: url("myFont-reg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "myFont";
  src: url("myFont-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "myFont";
  src: url("myFont-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

Tags:

Css Example