@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

2 votes204 views1 answer
How to distribute vertically the items in css
CSS
0 vote150 views1 answer
Website meta tags example
CSS
1 vote166 views1 answer
Composer use different php version
CSS
49 votes147 views3 answers
Centralize image css
CSS
1 vote141 views1 answer
React hide scrollbar
CSS
13 votes138 views4 answers
Background color transparent
CSS
1 vote147 views1 answer
Lato font family css
CSS
7 votes178 views6 answers
Background overlay css
CSS
0 vote159 views1 answer
Fonts from google fonts do not work
CSS
6 votes145 views4 answers
Disable click css
CSS