pre-loading fonts

Author: ItsiW

html/base.html

@@ -349,8 +349,12 @@
   {% block extra_head %}{% endblock %}
   <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=Emilys+Candy&display=swap" rel="stylesheet"> 
-  <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet"> 
+  
+  <!-- Preload critical fonts for faster rendering -->
+  <link rel="preload" href="https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXiWtFCc.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="https://fonts.gstatic.com/s/emilycandy/v19/WBLgrEbUbFlYW6-M8CeAS6mKrwXhQQ.woff2" as="font" type="font/woff2" crossorigin>
+  
+  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Emilys+Candy&family=Roboto+Slab&display=swap" rel="stylesheet"> 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 </head>
 <!-- Google tag (gtag.js) -->