edit : font (ko)

tabs/leaderboard_v1_kr.py

@@ -224,36 +224,36 @@ def create_leaderboard_v2_tab():
     # Level metadata for the 7-stage task framework
     level_details = {
         "ALL": {
-            "title": "ALL · 전체 태스크",
-            "description": "7개의 태스크 전반의 평균 성능을 한눈에 살펴보고 각 레벨 비교를 위한 기준점을 제공합니다."
+            "title": "<span style='font-family: \"Gowun Dodum\", sans-serif !important;'>ALL · 전체 태스크</span>",
+            "description": "<span style='font-family: \"Nanum Gothic\", sans-serif !important;'>7개의 태스크 전반의 평균 성능을 한눈에 살펴보고 각 레벨 비교를 위한 기준점을 제공합니다.</span>"
         },
         "L1": {
-            "title": "<span style='color: white;'>L1 · 단일 도구 호출</span>",
-            "description": "<span style='color: white;'>단일 도구 호출 능력과 기본적인 명령 수행 정확도를 평가합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L1 · 단일 도구 호출</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>단일 도구 호출 능력과 기본적인 명령 수행 정확도를 평가합니다.</span>"
         },
         "L2": {
-            "title": "<span style='color: white;'>L2 · 도구 선택</span>",
-            "description": "<span style='color: white;'>요구 사항에 맞는 도구를 고르고 적절한 파라미터로 호출하는 능력을 측정합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L2 · 도구 선택</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>요구 사항에 맞는 도구를 고르고 적절한 파라미터로 호출하는 능력을 측정합니다.</span>"
         },
         "L3": {
-            "title": "<span style='color: white;'>L3 · 도구 순차 추론</span>",
-            "description": "<span style='color: white;'>복수 단계의 순차적 reasoning을 통해 문제를 해결하는 과정을 검증합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L3 · 도구 순차 추론</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>복수 단계의 순차적 reasoning을 통해 문제를 해결하는 과정을 검증합니다.</span>"
         },
         "L4": {
-            "title": "<span style='color: white;'>L4 · 도구 병렬 추론</span>",
-            "description": "<span style='color: white;'>여러 소스의 정보를 병렬적으로 통합하고 요약하는 능력을 평가합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L4 · 도구 병렬 추론</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>여러 소스의 정보를 병렬적으로 통합하고 요약하는 능력을 평가합니다.</span>"
         },
         "L5": {
-            "title": "<span style='color: white;'>L5 · 오류 처리와 강건성</span>",
-            "description": "<span style='color: white;'>예상치 못한 오류나 실패 상황에 대한 인지와 대응 전략을 확인합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L5 · 오류 처리와 강건성</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>예상치 못한 오류나 실패 상황에 대한 인지와 대응 전략을 확인합니다.</span>"
         },
         "L6": {
-            "title": "<span style='color: white;'>L6 · 효율적인 도구 활용</span>",
-            "description": "<span style='color: white;'>최소한의 호출과 비용으로 목표를 달성하는 운영 효율을 살펴봅니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L6 · 효율적인 도구 활용</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>최소한의 호출과 비용으로 목표를 달성하는 운영 효율을 살펴봅니다.</span>"
         },
         "L7": {
-            "title": "<span style='color: white;'>L7 · 장기 컨텍스트 기억</span>",
-            "description": "<span style='color: white;'>장기 대화 맥락을 유지하고 적절히 활용하는 능력을 집중적으로 분석합니다.</span>"
+            "title": "<span style='color: white; font-family: \"Gowun Dodum\", sans-serif !important;'>L7 · 장기 컨텍스트 기억</span>",
+            "description": "<span style='color: white; font-family: \"Nanum Gothic\", sans-serif !important;'>장기 대화 맥락을 유지하고 적절히 활용하��� 능력을 집중적으로 분석합니다.</span>"
         }
     }
     default_level = "ALL"
@@ -736,6 +736,8 @@ def create_leaderboard_v2_tab():
     # Header styles and navigation
     gr.HTML("""
     <style>
+    @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Gowun+Dodum&family=Do+Hyeon&display=swap');
+    
     /* Enhanced button styling with better gradio compatibility */
     .header-action-button {
         display: inline-block !important;
@@ -812,7 +814,7 @@ def create_leaderboard_v2_tab():
     }
     
     .hero-title {
-        font-size: 5rem;
+        font-size: 10rem;
         font-weight: 800;
         line-height: 1.1;
         background: linear-gradient(135deg, #FFE082 0%, #FFC107 50%, #FFB300 100%);
@@ -824,7 +826,7 @@ def create_leaderboard_v2_tab():
     
     .hero-subtitle {
         color: var(--text-secondary);
-        font-size: 1.25rem;
+        font-size: 3rem;
         font-family: 'Do Hyeon', sans-serif !important;
         margin-top: 0;
     }
@@ -904,12 +906,12 @@ def create_leaderboard_v2_tab():
     }
     
     .section-title {
-        font-size: 2.2rem;
+        font-size: 3.75rem; 
         font-weight: 700;
         color: var(--text-primary);
         margin-bottom: 12px;
         text-align: center !important;
-        font-family: 'Nanum Gothic', sans-serif !important;
+        font-family: 'Gowun Dodum', sans-serif !important;
     }
     
     .section-lead, .section-subtitle {
@@ -1070,7 +1072,7 @@ def create_leaderboard_v2_tab():
     /* Responsive design */
     @media (max-width: 768px) {
         .hero-title {
-            font-size: 3rem;
+            font-size: 10rem;
         }
         .hero-action-button {
             width: 100% !important;
@@ -1094,7 +1096,7 @@ def create_leaderboard_v2_tab():
             gap: 8px;
         }
         .section-title {
-            font-size: 1.8rem;
+            font-size: 2.7rem;
         }
         .phase-chart {
             width: 100px;
@@ -1164,7 +1166,7 @@ def create_leaderboard_v2_tab():
     gr.HTML("""
     <div class="dashboard-section">
         <div class="section-header">
-            <h2 class="section-title">단계별 태스크 설계</h2>
+            <h2 class="section-title" style="font-family: 'Gowun Dodum', sans-serif; font-size: 2.5rem;">단계별 태스크 설계</h2>
         </div>
         <p class="section-lead" style="text-align: center; margin: 0 auto 24px auto; max-width: 720px; line-height: 1.7; word-break: keep-all;">단순 도구 호출부터 장기적 맥락 능력, 강건성 처리 능력까지 에이전트의 능력을 7단계로 입체적으로 분석하였습니다.</p>
         <div class="phase-grid">
@@ -1199,7 +1201,7 @@ def create_leaderboard_v2_tab():
     gr.HTML("""
     <div class="dashboard-section emphasized">
         <div class="section-header">
-            <h2 class="section-title">18가지 한국형 API 사용 및 실생활 환경에 특화된 고품질 시나리오 구성</h2>
+            <h2 class="section-title" style="font-size: 2.0rem;">18가지 한국형 API 사용 및 실생활 환경에 특화된 고품질 시나리오 구성</h2>
         </div>
         <div class="scenario-body">
             <p>네이버, 지도, 카카오, 웹사이트 등 한국 실사용 환경 기반의 API를 기반으로<br> 국내 사용자의 일상과 밀접한 '약속 예약', '블로그 후기 검색'과 같은 현실적인 문제 해결 시나리오를 구현했습니다.</p>
@@ -1213,7 +1215,7 @@ def create_leaderboard_v2_tab():
     gr.HTML("""
     <div class="dashboard-section">
         <div class="section-header">
-            <h2 class="section-title">핵심 평가 기준</h2>
+            <h2 class="section-title" style="font-size: 2.0rem;">핵심 평가 기준</h2>
         </div>
         <div class="criteria-grid">
             <div class="criteria-card">
@@ -1247,6 +1249,8 @@ def create_leaderboard_v2_tab():
     # Domain filter section with enhanced styling
     gr.HTML("""
     <style>
+    @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Gowun+Dodum&family=Do+Hyeon&display=swap');
+    
     /* Enhanced domain selector styling */
     .domain-selector-container {
         background: #ffd21e0d;
@@ -1349,10 +1353,10 @@ def create_leaderboard_v2_tab():
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
-        text-shadow: 0 0 22px rgba(255, 210, 30, 0.65), 0 0 45px rgba(255, 210, 30, 0.4);
-        filter: drop-shadow(0 0 16px rgba(255, 210, 30, 0.35));
+        text-shadow: 0 0 3px rgba(255, 210, 30, 0.08), 0 0 8px rgba(255, 210, 30, 0.05);
+        filter: drop-shadow(0 0 2px rgba(255, 210, 30, 0.06));
         letter-spacing: 0.02em;
-        animation: title-shimmer 5s ease-in-out infinite;
+        animation: title-shimmer 1.25s ease-in-out infinite;
         font-family: 'Gowun Dodum', sans-serif !important;
     }
 
@@ -2054,7 +2058,7 @@ def create_leaderboard_v2_tab():
     leaderboard_title = gr.HTML(update_leaderboard_title(default_level))
     
     # Integrated controls within leaderboard section - stacked vertically
-    gr.HTML("<p style='color: white; margin: 5px 0 5px 0; font-size: 1.5rem; font-family: 'Nanum Gothic';'>태스크 레벨 선택</p>")
+    gr.HTML("<p style='color: white; margin: 5px 0 5px 0; font-size: 1.2rem;'>태스크 레벨 선택</p>")
     domain_filter = gr.Radio(
         choices=level_options,
         value=default_level,
@@ -2064,7 +2068,7 @@ def create_leaderboard_v2_tab():
         elem_classes=["domain-radio", "inline-radio"]
     )
 
-    gr.HTML("<p style='color: white; margin: 5px 0 0px 0; font-size: 1.5rem;'>🔍 필터 및 정렬</p>")
+    gr.HTML("<p style='color: white; margin: 5px 0 0px 0; font-size: 1.2rem;'>🔍 필터 및 정렬</p>")
     with gr.Row():
         with gr.Column(scale=1):
             gr.HTML("<span style='color: white; font-size: 1.2rem; margin-bottom: 5px; display: block;'>모델 접근</span>")
@@ -2096,7 +2100,7 @@ def create_leaderboard_v2_tab():
         </div>
     """)
 
-    gr.HTML("<p style='color: white; margin: 10px 0 0 0; font-size: 1.2rem; font-family: 'Nanum Gothic';>비교할 모델을 선택하세요. 최대 5개까지 가능합니다.</p>")
+    gr.HTML("<p style='color: white; margin: 10px 0 0 0; font-size: 1.2rem; font-family: \"Nanum Gothic\", sans-serif;'>비교할 모델을 선택하세요. 최대 5개까지 가능합니다.</p>")
     # gr.HTML("<p style='color: #b0b0b0; margin: 0 0 10px 0; font-size: 0.9rem;'>모델은 최대 5개까지 선택 가능 합니다.</p>")
     model_selector = gr.Dropdown(
         choices=initial_df['Model'].tolist()[:10],
@@ -2331,7 +2335,7 @@ def create_leaderboard_v2_tab():
     """)
     
     gr.HTML("""
-    <p style="color: white; text-align: center; margin: 0 0 20px 0; font-size: 1.5rem;">태스크 레벨과 모델(최대 5개)을 선택하여 상세 지표를 탐색하세요.</p>
+    <p style="color: white; text-align: center; margin: 0 0 20px 0; font-size: 1.2rem; font-family: \'Nanum Gothic\', sans-serif;">태스크 레벨과 모델(최대 5개)을 선택하여 상세 지표를 탐색하세요.</p>
     """)
     
     with gr.Column(elem_classes=["domain-selector-container", "level-selector-container"], elem_id="level-selector-box"):
@@ -3001,7 +3005,6 @@ def create_leaderboard_v2_tab():
     .dashboard-section h3,
     .dashboard-section p,
     .dashboard-section li,
-    .section-title,
     .section-lead,
     .section-subtitle,
     .phase-card h3,
@@ -3013,6 +3016,14 @@ def create_leaderboard_v2_tab():
         font-family: "Nanum Gothic", sans-serif !important;
     }
     
+    /* section-title 강제 적용 */
+    .section-title,
+    h2.section-title,
+    .dashboard-section .section-title,
+    .section-header .section-title {
+        font-family: "Gowun Dodum", sans-serif !important;
+    }
+    
     .domain-title,
     h2.domain-title,
     .domain-header .domain-title {
@@ -3023,7 +3034,14 @@ def create_leaderboard_v2_tab():
     .hero-subtitle,
     h1.hero-title,
     p.hero-subtitle {
-        font-family: "Do Hyeon", sans-serif !important;
+        font-family: "Do Hyeon", sans-serif !important; 
+        font-size: 2rem; !important;
+    }
+    
+    /* hero-title 크기 강제 적용 */
+    .hero-title,
+    h1.hero-title {
+        font-size: 4rem !important;
     }
     
     .phase-chart span,