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
        }