From a87e3a83fd1c29fddc7a3b3bd057117c6ef95698 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=89=E1=85=A9=E1=86=AB=E1=84=8C=E1=85=B5=E1=86=AB?= =?UTF-8?q?=E1=84=8B=E1=85=A7=E1=86=BC?= Date: Sat, 21 Sep 2024 14:37:39 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8F=B0=ED=8A=B8=20import=20path=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/styles/globalStyle.ts | 37 +++++++++++++++--------------- 1 file changed, 19 insertions(+), 18 deletions(-) diff --git a/frontend/src/styles/globalStyle.ts b/frontend/src/styles/globalStyle.ts index 5973d14b..f3c832b1 100644 --- a/frontend/src/styles/globalStyle.ts +++ b/frontend/src/styles/globalStyle.ts @@ -1,13 +1,22 @@ import { css } from "@emotion/react"; +import pretendard_black from "../assets/fonts/woff-subset/Pretendard-Black.subset.woff"; +import pretendard_bold from "../assets/fonts/woff-subset/Pretendard-Bold.subset.woff"; +import pretendard_extra_bold from "../assets/fonts/woff-subset/Pretendard-ExtraBold.subset.woff"; +import pretendard_extra_light from "../assets/fonts/woff-subset/Pretendard-ExtraLight.subset.woff"; +import pretendard_light from "../assets/fonts/woff-subset/Pretendard-Light.subset.woff"; +import pretendard_medium from "../assets/fonts/woff-subset/Pretendard-Medium.subset.woff"; +import pretendard_regular from "../assets/fonts/woff-subset/Pretendard-Regular.subset.woff"; +import pretendard_semi_bold from "../assets/fonts/woff-subset/Pretendard-SemiBold.subset.woff"; +import pretendard_thin from "../assets/fonts/woff-subset/Pretendard-Thin.subset.woff"; + export const globalStyle = css` @font-face { font-family: Pretendard; font-weight: 900; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-Black.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_black}) format("woff"); } @font-face { @@ -15,8 +24,7 @@ export const globalStyle = css` font-weight: 800; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-ExtraBold.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_extra_bold}) format("woff"); } @font-face { @@ -24,8 +32,7 @@ export const globalStyle = css` font-weight: 700; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-Bold.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_bold}) format("woff"); } @font-face { @@ -33,8 +40,7 @@ export const globalStyle = css` font-weight: 600; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-SemiBold.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_semi_bold}) format("woff"); } @font-face { @@ -42,8 +48,7 @@ export const globalStyle = css` font-weight: 500; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-Medium.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_medium}) format("woff"); } @font-face { @@ -51,8 +56,7 @@ export const globalStyle = css` font-weight: 400; font-display: swap; - src: local("Pretendard") url("/@assets/fonts/woff-subset/Pretendard-Regular.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_regular}) format("woff"); } @font-face { @@ -60,8 +64,7 @@ export const globalStyle = css` font-weight: 300; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-Light.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_light}) format("woff"); } @font-face { @@ -69,8 +72,7 @@ export const globalStyle = css` font-weight: 200; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-ExtraLight.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_extra_light}) format("woff"); } @font-face { @@ -78,8 +80,7 @@ export const globalStyle = css` font-weight: 100; font-display: swap; - src: local("Pretendard") url("@assets/fonts/woff-subset/Pretendard-Thin.subset.woff") - format("woff"); + src: local("Pretendard") url(${pretendard_thin}) format("woff"); } html,