Mi dispiace, volevo retificare parte della mia ultima risposta, dicendo che è possibile assegnare piu font(file) ad una singola font-family in riferimento al suo font-weight, in modo che il css sia più leggibile.
codice:
@font-face {
font-family: Ruda;
src: url('fonts/Ruda-Regular.ttf') font-weight-normal,
url('fonts/Ruda-Bold.ttf') font-weight-bold,
url('fonts/Ruda-Black.ttf') font-weight(900);
}
.font-ruda-normal {
font-family: 'Ruda', sans-serif;
font-size: 2em;
font-weight: normal;
}
.font-ruda-bold {
font-family: 'Ruda', sans-serif;
font-size: 2em;
font-weight: bold;
}
.font-ruda-black {
font-family: 'Ruda', sans-serif;
font-size: 2em;
font-weight: 900
}