diff --git a/index.html b/index.html
index 3ac3f2d76..de6938201 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,10 @@
     <link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
 </head>
 <body>
     <nav>
diff --git a/sass/main.scss b/sass/main.scss
index 193049bf2..efd18728a 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -27,8 +27,7 @@ $font-regular: 400;
 // Size for all titles on page
 $title-size: 3em;
 
-// Fonts and other imports
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
+// Import carousel
 @import '../node_modules/slick-carousel/slick/slick.css';
 @import '../node_modules/slick-carousel/slick/slick-theme.css';
 
