Ho fatto la conversione dei font tramite quel tuo link, li ho messi dentro la cartella fonts e funziona tutto. L'unica cosa ho cancellato la prima riga del css il selettore universale anche perchè faceva riferimento ad un font inesistente per me.
Ma il discorso di utilizzare sia woff che woff2 è per compatibilità dei browser suppongo, con il solo woff dovresti andare bene.

codice:
@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-Regular.woff2') format('woff2'),
        url('fonts/Ruda-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-Medium.woff2') format('woff2'),
        url('fonts/Ruda-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-SemiBold.woff2') format('woff2'),
        url('fonts/Ruda-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-Bold.woff2') format('woff2'),
        url('fonts/Ruda-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-ExtraBold.woff2') format('woff2'),
        url('fonts/Ruda-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ruda';
    src: url('fonts/Ruda-Black.woff2') format('woff2'),
        url('fonts/Ruda-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

p {
    padding: 0;
    margin: 0;
}

.ruda-normal {
    font-family: Ruda;
    font-weight: normal;
    font-size: 2em;
}

.ruda-500 {
    font-family: Ruda;
    font-weight: 500;
    font-size: 2em;
}

.ruda-600 {
    font-family: Ruda;
    font-weight: 600;
    font-size: 2em;
}

.ruda-bold {
    font-family: Ruda;
    font-weight: bold;
    font-size: 2em;
}

.ruda-800{
    font-family: Ruda;
    font-weight: 800;
    font-size: 2em;
}

.ruda-900 {
    font-family: Ruda;
    font-weight: 900;
    font-size: 2em;
}
codice:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <p class="ruda-normal">titolo</p>
    <p class="ruda-500">titolo</p>
    <p class="ruda-600">titolo</p>
    <p class="ruda-bold">titolo</p>
    <p class="ruda-800">titolo</p>
    <p class="ruda-900">titolo</p>
</body>

</html>