Google PageSpeed – Eliminate Render-Blocking Resources Above the Fold caused from Google Fonts

You can preload any styles (including google fonts)

<link
    rel="preload"
    href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap"
    as="style"
    onload="this.onload=null;this.rel="stylesheet""
/>
<noscript>
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap"
        rel="stylesheet"
        type="text/css"
    />
</noscript>

You can read more on web.dev

UPDATE

Base on Lucas Vazquez comment I’ve also added &display=swap (which fixes this issue “Ensure text remains visible during webfont load”)