From 7b33682355a8d3887605d0e0e4d1996bce830595 Mon Sep 17 00:00:00 2001
From: Soyeon Choe <soy2302ten@gmail.com>
Date: Wed, 23 Oct 2024 16:21:20 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20storybook=EC=97=90=EC=84=9C=20pretendard?=
 =?UTF-8?q?=20=ED=8F=B0=ED=8A=B8=EA=B0=80=20=EC=A0=81=EC=9A=A9=EB=90=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81=20pre?=
 =?UTF-8?q?view.tsx=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/.storybook/preview.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/client/.storybook/preview.tsx b/client/.storybook/preview.tsx
index a3c83803f..7492d7b9d 100644
--- a/client/.storybook/preview.tsx
+++ b/client/.storybook/preview.tsx
@@ -2,6 +2,7 @@
 
 import type {Preview} from '@storybook/react';
 import {HDesignProvider} from '../src/components/Design';
+import {css, Global} from '@emotion/react';
 
 const preview: Preview = {
   parameters: {
@@ -30,11 +31,23 @@ const preview: Preview = {
     },
   },
   decorators: [
-    Story => (
-      <HDesignProvider>
-        <Story />
-      </HDesignProvider>
-    ),
+    Story => {
+      return (
+        <div>
+          <Global
+            styles={css`
+              @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
+              body {
+                font-family: 'Pretendard', sans-serif;
+              }
+            `}
+          />
+          <HDesignProvider>
+            <Story />
+          </HDesignProvider>
+        </div>
+      );
+    },
   ],
 };