@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;
}

Source: stackoverflow.com

Similar codes

1 vote111 views1 answer
Restrict flex items in a row
CSS
3 votes122 views1 answer
Trash icon in fontawesome
CSS
4 votes127 views2 answers
How to remove onclick input border
CSS
1 vote143 views2 answers
Apply style to second child div
CSS
0 vote141 views2 answers
Using materialize css with react
CSS
25 votes129 views8 answers
Background image with gradient css
CSS
0 vote97 views1 answer
Css disable animation on load
CSS
37 votes178 views1 answer
Css placeholder font size
CSS
1 vote129 views1 answer
How to make font awesome responsive bootstrap
CSS
58 votes148 views6 answers
How to center a div vertically and horizontally
CSS