Revert "simplify google font link"

This reverts commit a56314d.

Author: khemarato

_layouts/default.html

@@ -5,7 +5,14 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   {%- seo -%}
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Gentium+Plus&family=Noto+Serif+TC&family=Noto+Serif+JP&family=Noto+Color+Emoji&family=Noto+Serif+Thai" />
+  <!-- The Google Font async wizardry below is courtesy of: https://csswizardry.com/2020/05/the-fastest-google-fonts/ -->
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  {%- assign gfont = "https://fonts.googleapis.com/css2?family=Gentium+Plus&family=Noto+Serif+TC&family=Noto+Serif+JP&family=Noto+Color+Emoji&family=Noto+Serif+Thai&display=swap" -%}
+  <link rel="preload" as="style" href="{{ gfont }}" />
+  <link rel="stylesheet" href="{{ gfont }}" media="print" onload="this.media='all'" />
+  <noscript>
+    <link rel="stylesheet" href="{{ gfont }}" />
+  </noscript>
   <link rel="stylesheet" href="/assets/css/{%- if jekyll.environment == 'production' and site.usepurgedcss -%}purged-{%- endif -%}main.css?u={{ site.data.cssCacheToken }}">
   {% for cc in page.custom_css %}
   <link rel="stylesheet" href="/assets/css/{{cc}}.css?u={{ site.data.cssCacheToken }}">{% endfor %}