Schriftwiedergabe im Browser verschwommen

Hoffentlich ist dies die richtige Form für diese Frage.

Ich bin kein großer Designer, aber auf einer Website, an der ich arbeite, ist mir aufgefallen, dass der Text auf meiner "404"-Seite auf Chrom verschwommen und in Firefox viel klarer erscheint.

Oben ist Firefox, unten ist Chrome.

Ich habe verschiedene Schriftartformattypen ausprobiert, das aktuelle Bild verwendet "woff2", aber der Fehler scheint unabhängig vom Typ weiterhin zu bestehen.

Ich wollte die SVG-Schriftart ausprobieren, die jedoch in Chrome nicht mehr verfügbar zu sein scheint.

Ich habe versucht, das und alle seine verschiedenen Optionen zu verwenden -webkit-font-smoothing, aber keine davon scheint eine Wirkung zu haben.

Ich habe auch versucht, -webkit-text-stroke-width: 0.6px;dies hilft tatsächlich an einigen Kanten, verursacht aber Aliasing an anderen Kanten.

Kennt jemand von euch neben dem Rückgriff auf eine SVG-Grafik anstelle des Textes (für diesen speziellen Fall) Lösungen?

Bearbeiten:

Alle relevanten Font-CSS:

    @font-face {
        font-family: 'robotoregular';
        src: url('roboto-regular-webfont.woff2') format('woff2'),
            url('roboto-regular-webfont.woff') format('woff'),
            url('roboto-regular-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    * {
        font-family: 'robotoregular', Arial, Sans-Serif;
    }

    h1 {
        font-size: 130px;
        font-weight: normal;
    }