pretendard 적용

2026-04-08 10:43:02 +09:00
parent 73f97aad5f
commit ccf9b62e59
4 changed files with 17 additions and 17 deletions
--- 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";
 }

--- 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 (
-    <html lang="en">
+    <html lang="ko">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />