diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 797193b..548731a 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -119,7 +119,6 @@ pre {
 }
 
 /* Fonts */
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
 @font-face {
     font-family: "MesloLGS Nerd Font";
     font-style: normal;
diff --git a/public/base.html b/public/base.html
index 61aedd9..b659094 100644
--- a/public/base.html
+++ b/public/base.html
@@ -42,6 +42,9 @@
         <link rel="icon" type="image/png" href="/assets/images/favicon_cat.png" sizes="1200x1200">
         <link rel="icon" type="image/svg+xml" href="/assets/images/favicon_cat.svg" sizes="1200x1200">
         <!-- Stylesheets / Scripts -->
+        <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="/assets/css/style.css">
         <script src="/assets/js/script.js" defer></script>
         {% block extra_head %}{% endblock %}