Blog: Change import method of Fira Code font

Author: WinslowJosiah

blog/src/layouts/Layout.astro

@@ -36,6 +36,10 @@ const copyrightYear = new Date().getFullYear();
 
   {/* CSS */}
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]">
+  {/* Custom fonts */}
+  <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=Fira+Code:[email protected]&display=swap" rel="stylesheet">
 
   {/* JavaScript */}
   {/* Nothing here yet */}

blog/src/styles/global.css

@@ -1,6 +1,3 @@
-/* Import fonts */
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
-
 /* General */
 html {
   font-size: clamp(14px, 2.75vw, 16px);