diff --git a/frontend/.storybook/main.ts b/frontend/.storybook/main.ts
index eff6f5ba..2fcd9ed0 100644
--- a/frontend/.storybook/main.ts
+++ b/frontend/.storybook/main.ts
@@ -21,6 +21,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-webpack5',
     options: {},
   },
+  previewHead: (head) => `${head}`,
   docs: {
     autodocs: 'tag',
   },
diff --git a/frontend/.storybook/preview-head.html b/frontend/.storybook/preview-head.html
new file mode 100644
index 00000000..30aa0138
--- /dev/null
+++ b/frontend/.storybook/preview-head.html
@@ -0,0 +1,4 @@
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap"
+/>