diff --git a/nodsoft_moltenobsidian_web/src/components/BaseHead.astro b/nodsoft_moltenobsidian_web/src/components/BaseHead.astro
index 3ddd1ea..b6af37a 100644
--- a/nodsoft_moltenobsidian_web/src/components/BaseHead.astro
+++ b/nodsoft_moltenobsidian_web/src/components/BaseHead.astro
@@ -25,8 +25,21 @@ const base = import.meta.env.BASE_URL ?? "/";
 <meta name="theme-color" content="#ffffff" />
 <meta name="generator" content={Astro.generator} />
 
+<!-- Preconnects -->
+<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="anonymous" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+
 <!-- CSP -->
-<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' fonts.googleapis.com 'unsafe-inline'; font-src 'self' fonts.gstatic.com; img-src 'self' data:; script-src 'self' 'unsafe-inline';" />
+<meta
+  http-equiv="Content-Security-Policy" 
+  content="
+    default-src 'self'; 
+    style-src 'self' https://fonts.googleapis.com/ 'unsafe-inline'; 
+    font-src 'self' https://fonts.gstatic.com/; 
+    img-src 'self' data:; 
+    script-src 'self';
+  " 
+/>
 
 <!-- Canonical URL -->
 <!--<link rel="canonical" href={canonicalURL} />-->
diff --git a/nodsoft_moltenobsidian_web/src/styles/_global.scss b/nodsoft_moltenobsidian_web/src/styles/_global.scss
index 63c301e..c565206 100644
--- a/nodsoft_moltenobsidian_web/src/styles/_global.scss
+++ b/nodsoft_moltenobsidian_web/src/styles/_global.scss
@@ -3,7 +3,7 @@
 
 @import "./responsive";
 
-@import url("//fonts.googleapis.com/css2?family=Nunito");
+@import url("https://fonts.googleapis.com/css2?family=Nunito");
 
 :root {
   background: $background radial-gradient(ellipse farthest-corner at 0 140%, $accent-dark 0%, transparent 70%) no-repeat fixed left top;