diff --git a/src/index.css b/src/index.css
index 98e4382..3f4d96f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,8 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
-@layer base {
-  html {
-    font-family: 'Pretendard';
-  }
+@font-face {
+  font-style: normal;
+  font-display: swap;
+  font-family: 'Pretendard';
+  src: url('/fonts/PretendardVariable.woff2') format('woff2-variations');
 }