From 44424f29ba592870f8cb597b59768118c5471f66 Mon Sep 17 00:00:00 2001 From: 666ghj <670939375@qq.com> Date: Fri, 26 Dec 2025 17:35:09 +0800 Subject: [PATCH] Update font styles across the application to include 'Noto Sans SC' for improved typography consistency. --- frontend/index.html | 2 +- frontend/src/App.vue | 2 +- frontend/src/components/GraphPanel.vue | 2 +- frontend/src/components/Step2EnvSetup.vue | 4 ++-- frontend/src/components/Step3Simulation.vue | 2 +- frontend/src/components/Step4Report.vue | 4 ++-- frontend/src/components/Step5Interaction.vue | 4 ++-- frontend/src/views/Home.vue | 15 ++++++++------- frontend/src/views/InteractionView.vue | 2 +- frontend/src/views/MainView.vue | 2 +- frontend/src/views/Process.vue | 2 +- frontend/src/views/ReportView.vue | 2 +- frontend/src/views/SimulationRunView.vue | 2 +- frontend/src/views/SimulationView.vue | 2 +- 14 files changed, 24 insertions(+), 23 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index de8cabd..009c924 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -3,7 +3,7 @@ - + diff --git a/frontend/src/App.vue b/frontend/src/App.vue index b6d3eaa..b7cd71c 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -15,7 +15,7 @@ } #app { - font-family: 'JetBrains Mono', 'Space Grotesk', monospace; + font-family: 'JetBrains Mono', 'Space Grotesk', 'Noto Sans SC', monospace; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; diff --git a/frontend/src/components/GraphPanel.vue b/frontend/src/components/GraphPanel.vue index bc91448..704282c 100644 --- a/frontend/src/components/GraphPanel.vue +++ b/frontend/src/components/GraphPanel.vue @@ -1018,7 +1018,7 @@ input:checked + .slider:before { border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.1); overflow: hidden; - font-family: system-ui, -apple-system, sans-serif; + font-family: 'Noto Sans SC', system-ui, sans-serif; font-size: 13px; z-index: 20; display: flex; diff --git a/frontend/src/components/Step2EnvSetup.vue b/frontend/src/components/Step2EnvSetup.vue index 659a0e6..1e3a5ab 100644 --- a/frontend/src/components/Step2EnvSetup.vue +++ b/frontend/src/components/Step2EnvSetup.vue @@ -1083,7 +1083,7 @@ onUnmounted(() => { display: flex; flex-direction: column; background: #FAFAFA; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } .scroll-container { @@ -2161,7 +2161,7 @@ onUnmounted(() => { } .narrative-text { - font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; font-size: 14px; color: #334155; line-height: 1.8; diff --git a/frontend/src/components/Step3Simulation.vue b/frontend/src/components/Step3Simulation.vue index 667649a..74d0e1e 100644 --- a/frontend/src/components/Step3Simulation.vue +++ b/frontend/src/components/Step3Simulation.vue @@ -702,7 +702,7 @@ onUnmounted(() => { display: flex; flex-direction: column; background: #FFFFFF; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; overflow: hidden; } diff --git a/frontend/src/components/Step4Report.vue b/frontend/src/components/Step4Report.vue index d401b47..ba4fee4 100644 --- a/frontend/src/components/Step4Report.vue +++ b/frontend/src/components/Step4Report.vue @@ -2157,7 +2157,7 @@ watch(() => props.reportId, (newId) => { display: flex; flex-direction: column; background: #F8F9FA; - font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; overflow: hidden; } @@ -2435,7 +2435,7 @@ watch(() => props.reportId, (newId) => { /* Generated Content */ .generated-content { - font-family: 'Inter', -apple-system, sans-serif; + font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; font-size: 14px; line-height: 1.8; color: #374151; diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue index f50f624..81a39e9 100644 --- a/frontend/src/components/Step5Interaction.vue +++ b/frontend/src/components/Step5Interaction.vue @@ -935,7 +935,7 @@ watch(() => props.simulationId, (newId) => { display: flex; flex-direction: column; background: #F8F9FA; - font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; overflow: hidden; } @@ -1131,7 +1131,7 @@ watch(() => props.simulationId, (newId) => { /* Generated Content */ .generated-content { - font-family: 'Inter', -apple-system, sans-serif; + font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; font-size: 14px; line-height: 1.8; color: #374151; diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue index 257b57a..9b822e7 100644 --- a/frontend/src/views/Home.vue +++ b/frontend/src/views/Home.vue @@ -315,7 +315,8 @@ const startSimulation = () => { 确保已在 index.html 引入这些 Google Fonts */ --font-mono: 'JetBrains Mono', monospace; - --font-sans: 'Space Grotesk', -apple-system, sans-serif; + --font-sans: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; + --font-cn: 'Noto Sans SC', system-ui, sans-serif; } .home-container { @@ -415,7 +416,7 @@ const startSimulation = () => { .main-title { font-size: 4.5rem; line-height: 1.2; - font-weight: 800; + font-weight: 500; margin: 0 0 40px 0; letter-spacing: -2px; color: var(--black); @@ -465,7 +466,7 @@ const startSimulation = () => { .slogan-text { font-size: 1.2rem; - font-weight: 700; + font-weight: 500; color: var(--black); letter-spacing: 1px; border-left: 3px solid var(--orange); @@ -565,7 +566,7 @@ const startSimulation = () => { .section-title { font-size: 2rem; - font-weight: 700; + font-weight: 500; margin: 0 0 15px 0; } @@ -590,7 +591,7 @@ const startSimulation = () => { .metric-value { font-family: var(--font-mono); font-size: 1.8rem; - font-weight: 700; + font-weight: 500; margin-bottom: 5px; } @@ -645,7 +646,7 @@ const startSimulation = () => { } .step-title { - font-weight: 700; + font-weight: 500; font-size: 1rem; margin-bottom: 4px; } @@ -714,7 +715,7 @@ const startSimulation = () => { } .upload-title { - font-weight: 700; + font-weight: 500; font-size: 0.9rem; margin-bottom: 5px; } diff --git a/frontend/src/views/InteractionView.vue b/frontend/src/views/InteractionView.vue index 1dc27f5..b153590 100644 --- a/frontend/src/views/InteractionView.vue +++ b/frontend/src/views/InteractionView.vue @@ -220,7 +220,7 @@ onMounted(() => { flex-direction: column; background: #FFF; overflow: hidden; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } /* Header */ diff --git a/frontend/src/views/MainView.vue b/frontend/src/views/MainView.vue index 46a2b16..6ff2991 100644 --- a/frontend/src/views/MainView.vue +++ b/frontend/src/views/MainView.vue @@ -411,7 +411,7 @@ onUnmounted(() => { flex-direction: column; background: #FFF; overflow: hidden; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } /* Header */ diff --git a/frontend/src/views/Process.vue b/frontend/src/views/Process.vue index 5d1862e..2d2d3cc 100644 --- a/frontend/src/views/Process.vue +++ b/frontend/src/views/Process.vue @@ -1104,7 +1104,7 @@ onUnmounted(() => { .process-page { min-height: 100vh; background: var(--white); - font-family: 'JetBrains Mono', 'Space Grotesk', monospace; + font-family: 'JetBrains Mono', 'Noto Sans SC', monospace; overflow: hidden; /* Prevent body scroll in fullscreen */ } diff --git a/frontend/src/views/ReportView.vue b/frontend/src/views/ReportView.vue index f16caf7..84a3e2a 100644 --- a/frontend/src/views/ReportView.vue +++ b/frontend/src/views/ReportView.vue @@ -219,7 +219,7 @@ onMounted(() => { flex-direction: column; background: #FFF; overflow: hidden; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } /* Header */ diff --git a/frontend/src/views/SimulationRunView.vue b/frontend/src/views/SimulationRunView.vue index c3c5610..14ebc5f 100644 --- a/frontend/src/views/SimulationRunView.vue +++ b/frontend/src/views/SimulationRunView.vue @@ -317,7 +317,7 @@ onUnmounted(() => { flex-direction: column; background: #FFF; overflow: hidden; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } /* Header */ diff --git a/frontend/src/views/SimulationView.vue b/frontend/src/views/SimulationView.vue index 752e55e..4b44b39 100644 --- a/frontend/src/views/SimulationView.vue +++ b/frontend/src/views/SimulationView.vue @@ -304,7 +304,7 @@ onMounted(async () => { flex-direction: column; background: #FFF; overflow: hidden; - font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; + font-family: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif; } /* Header */