@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 vote152 views2 answers
Css grid two columns
CSS
0 vote164 views1 answer
Css color codes
CSS
0 vote158 views1 answer
Align divs vertically start new column after every row
CSS
3 votes187 views3 answers
How to use image zoom effect in css
CSS
1 vote202 views4 answers
Css before
CSS
72 votes232 views6 answers
Css center position absolute
CSS
0 vote177 views1 answer
How to center a list in html
CSS
168 votes208 views4 answers
Css link tag
CSS
2 votes116 views1 answer
Responsive background image
CSS
5 votes188 views1 answer
Hidden elements blinking on hover
CSS