Размытое отображение шрифта в браузере

Так что, надеюсь, это правильная форма для этого вопроса.

Я не большой дизайнер, однако на сайте, над которым я работаю, я заметил, что на моей странице «404» текст выглядит размытым в хроме и намного более четким в Firefox.

Сверху — Firefox, снизу — Chrome.

Я пробовал разные типы форматов шрифтов, текущее изображение использует «woff2», однако ошибка, похоже, сохраняется независимо от типа.

Я собирался попробовать шрифт SVG, но он больше не доступен в Chrome.

Я пытался использовать -webkit-font-smoothingи все его различные варианты, но ни один из них, похоже, не имеет никакого эффекта.

Я также пробовал, -webkit-text-stroke-width: 0.6px;это действительно помогает на некоторых краях, но вызывает наложение на других краях.

Помимо использования SVG-графики вместо текста (для этого конкретного случая), кто-нибудь из вас знает какие-либо решения?

Редактировать:

Все соответствующие шрифты 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;
    }