Optimize font loading by adding preload for Google Fonts

Author: gusper

layouts/partials/head.html

@@ -127,7 +127,8 @@
       {{ $url := printf "%s" "&display=swap" | printf "%s%s" $fontParam | printf "%s%s" $baseUrl | printf "%s" }}
       <link rel="preconnect" href="https://fonts.googleapis.com" />
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-      <link href="{{ $url }}" rel="stylesheet" />
+      <link rel="preload" as="style" href="{{ $url }}" />
+      <link href="{{ $url }}" rel="stylesheet" media="print" onload="this.media='all'" />
     {{- end -}}
 
     <!-- Favicons -->