diff --git a/web-app/app/app.css b/web-app/app/app.css index d60b6b3..1b651e1 100644 --- a/web-app/app/app.css +++ b/web-app/app/app.css @@ -1,7 +1,8 @@ @import "tailwindcss"; +@import "pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css"; @theme { - --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, + --font-sans: "Pretendard Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } diff --git a/web-app/app/root.tsx b/web-app/app/root.tsx index de47706..7676569 100644 --- a/web-app/app/root.tsx +++ b/web-app/app/root.tsx @@ -1,3 +1,7 @@ +import type { Route } from './+types/root'; + +import './app.css'; + import { isRouteErrorResponse, Links, @@ -7,25 +11,11 @@ import { ScrollRestoration, } from 'react-router'; -import type { Route } from './+types/root'; -import './app.css'; - -export const links: Route.LinksFunction = () => [ - { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, - { - rel: 'preconnect', - href: 'https://fonts.gstatic.com', - crossOrigin: 'anonymous', - }, - { - rel: 'stylesheet', - href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap', - }, -]; +export const links: Route.LinksFunction = () => []; export function Layout({ children }: { children: React.ReactNode }) { return ( - +
diff --git a/web-app/package.json b/web-app/package.json index 53efd59..7165bb1 100644 --- a/web-app/package.json +++ b/web-app/package.json @@ -14,6 +14,7 @@ "@react-router/node": "7.14.0", "@react-router/serve": "7.14.0", "isbot": "^5.1.37", + "pretendard": "^1.3.9", "react": "^19.2.4", "react-dom": "^19.2.4", "react-router": "7.14.0" diff --git a/web-app/pnpm-lock.yaml b/web-app/pnpm-lock.yaml index 5b05186..bb77b34 100644 --- a/web-app/pnpm-lock.yaml +++ b/web-app/pnpm-lock.yaml @@ -17,6 +17,9 @@ importers: isbot: specifier: ^5.1.37 version: 5.1.37 + pretendard: + specifier: ^1.3.9 + version: 1.3.9 react: specifier: ^19.2.4 version: 19.2.4 @@ -1592,6 +1595,9 @@ packages: resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} engines: {node: '>= 0.8.0'} + pretendard@1.3.9: + resolution: {integrity: sha512-PaQAADyLY5v4kYFwkpSJHbSSYIkiriY/1xXw75TKoZ9UQQqeU+tvP05yTdZAWibiIYoo8ZKtRv8PM7w0IaywSw==} + prettier@3.8.1: resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==} engines: {node: '>=14'} @@ -3339,6 +3345,8 @@ snapshots: prelude-ls@1.2.1: {} + pretendard@1.3.9: {} + prettier@3.8.1: {} proxy-addr@2.0.7: