feat(fe): apply pretendard font (#1523)

* feat(fe): apply pretendard font * feat: enable turbopack
skkuding · Feb 28, 2024 · 49088fa · 49088fa
1 parent dce86cd
commit 49088fa
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 21 deletions.
diff --git a/frontend-client/app/PretendardVariable.woff2 b/frontend-client/app/PretendardVariable.woff2
diff --git a/frontend-client/app/layout.tsx b/frontend-client/app/layout.tsx
@@ -2,22 +2,18 @@ import { Toaster } from '@/components/ui/sonner'
 import { metaBaseUrl } from '@/lib/constants'
 import { cn } from '@/lib/utils'
 import type { Metadata, Viewport } from 'next'
-import { Manrope, Noto_Sans_KR, Ubuntu_Mono } from 'next/font/google'
+import { Ubuntu_Mono } from 'next/font/google'
+import localFont from 'next/font/local'
 import './globals.css'
 
 // TODO: 추후에 페이지 별로 revalidate 시간 논의 및 조정 필요
 export const revalidate = 5
 
-const noto = Noto_Sans_KR({
-  subsets: ['latin'],
-  weight: ['400', '600'],
-  variable: '--font-noto'
-})
-
-const manrope = Manrope({
-  subsets: ['latin'],
-  weight: ['400', '500', '600', '700'],
-  variable: '--font-manrope'
+const pretendard = localFont({
+  src: './PretendardVariable.woff2',
+  display: 'swap',
+  weight: '45 920',
+  variable: '--font-pretendard'
 })
 
 const mono = Ubuntu_Mono({
@@ -46,10 +42,7 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <html
-      lang="en"
-      className={cn(noto.variable, manrope.variable, mono.variable)}
-    >
+    <html lang="en" className={cn(pretendard.variable, mono.variable)}>
       <body>
         {children}
         <Toaster

diff --git a/frontend-client/next.config.js b/frontend-client/next.config.js
@@ -4,7 +4,8 @@ const { withSentryConfig } = require('@sentry/nextjs')
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
-    typedRoutes: true
+    typedRoutes: true,
+    turbo: true
   },
   output: 'standalone',
   env: {

diff --git a/frontend-client/tailwind.config.ts b/frontend-client/tailwind.config.ts
@@ -26,11 +26,7 @@ export default {
         editor: '3rem minmax(0, 1fr)'
       },
       fontFamily: {
-        sans: [
-          'var(--font-manrope)',
-          'var(--font-noto)',
-          ...defaultTheme.fontFamily.sans
-        ],
+        sans: ['--font-pretendard', ...defaultTheme.fontFamily.sans],
         mono: ['var(--font-mono)', ...defaultTheme.fontFamily.mono]
       },
       colors: {