폰트추가

GameServer/wwwroot/css/style.css

@@ -111,8 +111,12 @@
     /* 카테고리 강조색. JS 가 인라인으로 덮어쓴다. */
     --card-accent: var(--accent);
 
-    /* 글꼴 */
-    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Pretendard,
+    /* 글꼴 — fonts.css 에서 자체 호스팅한다.
+       제목은 주아(Jua), 본문은 고운돋움(Gowun Dodum). 둘 다 둥근 한글 서체다.
+       숫자·라벨은 그대로 모노스페이스를 써서 대비를 남긴다. */
+    --font-display: Jua, "Gowun Dodum", -apple-system, BlinkMacSystemFont,
+                    "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
+    --font: "Gowun Dodum", -apple-system, BlinkMacSystemFont, "Segoe UI", Pretendard,
             "Apple SD Gothic Neo", "Malgun Gothic", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
 
@@ -174,9 +178,11 @@ textarea {
 
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
-    line-height: 1.22;
-    letter-spacing: -0.025em;
-    font-weight: 700;
+    font-family: var(--font-display);
+    line-height: 1.32;
+    letter-spacing: -0.01em;
+    /* 주아는 400 한 가지뿐이다. 더 굵게 지정하면 합성 굵기라 뭉개진다. */
+    font-weight: 400;
 }
 
 p {
@@ -376,9 +382,9 @@ em {
 /* 화면에서 가장 큰 요소. 여기서 위계가 결정된다. */
 .hero__title {
     font-size: var(--step-5);
-    font-weight: 800;
-    letter-spacing: -0.05em;
-    line-height: 0.98;
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    line-height: 1.12;
     max-width: min(100%, 12em);
     word-break: keep-all;
     color: var(--text);
@@ -514,8 +520,8 @@ em {
     gap: var(--space-3);
     margin-bottom: var(--space-5);
     font-size: var(--step-1);
-    font-weight: 700;
-    letter-spacing: -0.02em;
+    font-weight: 400;
+    letter-spacing: -0.01em;
     color: var(--text);
 }
 
@@ -583,10 +589,11 @@ em {
 }
 
 .idx__title {
+    font-family: var(--font-display);
     font-size: var(--step-2);
-    font-weight: 700;
-    letter-spacing: -0.03em;
-    line-height: 1.3;
+    font-weight: 400;
+    letter-spacing: -0.01em;
+    line-height: 1.4;
     word-break: keep-all;
     color: var(--text);
 }