Reorganized <link rel="preconnect> tags for improved font loading

Author: liberaldev

_layouts/default.html

@@ -61,10 +61,10 @@
   <meta itemprop="description" content="{{ meta_description }}">
   <meta itemprop="image" content="{{ site.url }}/images/og-image.png">
 
-  <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Material+Icons&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..24,200..700,0,0&display=swap" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
   <link rel="canonical" href="{{ site.url }}{{ page.url | replace: 'index.html', '' }}">
 
   <link rel="icon" href="/favicon.ico" sizes="32x32">

_layouts/homepage.html

@@ -38,10 +38,10 @@
   <meta itemprop="description" content="{{ meta_description }}">
   <meta itemprop="image" content="{{ site.url }}/images/og-image.png">
 
-  <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Material+Icons&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..24,200..700,0,0&display=swap" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
   <link rel="canonical" href="{{ site.url }}{{ page.url | replace: 'index.html', '' }}">
 
   <link rel="icon" href="/favicon.ico" sizes="32x32">