Hook to proper load Google Font. (the fastest way 2020) #wordpress

google-fonts.php

function google_fonts() {
    ?>
    <!-- [1] -->
    <link rel="preconnect"
          href="https://fonts.gstatic.com"
          crossorigin />

    <!-- [2] -->
    <link rel="preload"
          as="style"
          href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap" />

    <!-- [3] -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap"
          media="print" onload="this.media='all'" />

    <!-- [4] -->
    <noscript>
      <link rel="stylesheet"
            href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500&display=swap" />
    </noscript>
    <?php
}
add_action('wp_head', 'google_fonts');