@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

0 vote383 views1 answer
Css ie11 only
CSS
2 votes409 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
3 votes380 views2 answers
Check ssh port
CSS
0 vote377 views1 answer
Apt list only security updates
CSS
8 votes461 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote353 views1 answer
Responsive image slider html css
CSS
12 votes358 views4 answers
Sticky header
CSS
9 votes422 views3 answers
Resize checkbox
CSS
21 votes358 views3 answers
Disable cursor css
CSS
0 vote357 views1 answer
Css add space to the top
CSS