chore: reback font style

This commit is contained in:
duorameng
2026-04-07 20:15:39 +08:00
parent 6cd0a869ef
commit 59e1eea907
5 changed files with 625 additions and 57 deletions
+23 -34
View File
@@ -5,11 +5,6 @@
@import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.css";
@import "@fontsource/geist-sans/400.css";
@import "@fontsource/geist-sans/500.css";
@import "@fontsource/geist-sans/600.css";
@import "@fontsource/geist-sans/700.css";
@import "@fontsource/geist-mono/400.css";
@import "@fontsource/jetbrains-mono/400.css";
@import "@fontsource/jetbrains-mono/500.css";
@@ -218,25 +213,20 @@
body {
@apply bg-background text-foreground antialiased;
font-family: "Geist Sans", "Inter", system-ui, -apple-system, sans-serif;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
line-height: 1.5rem;
letter-spacing: -0.02em;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
line-height: 1.5;
letter-spacing: -0.01em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
@apply tracking-tighter font-semibold;
}
.font-code,
.font-mono,
code,
pre {
font-family: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}
}
@@ -248,30 +238,28 @@
body {
font-size: 15px;
font-weight: 450;
line-height: 1.5;
letter-spacing: 0;
/* 移动端使用默认平滑,保持字体“厚度”与清晰 */
/* 移动端关闭 subpixel antialiasing,字体更实更清晰 */
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
/* 标题类在小屏下显著加重,增加力量感 */
/* 标题类字体在小屏下同步增重 */
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
letter-spacing: -0.01em;
}
/* 正文描述类文字同步增重,避免纤细感,提升识别度 */
/* 正文段落、描述类文字增重 */
p,
span:not([class*="icon"]),
label,
[class*="description"],
[class*="muted"],
.text-muted-foreground {
font-weight: 430;
[class*="muted"] {
font-weight: 420;
}
/* 小号字专门增重,模拟截图中免责声明的稳重感 */
/* 小号字在移动端专门增重,与 Windows 小字优化区分开 */
.text-xs {
font-size: 0.8rem;
font-weight: 500;
@@ -280,19 +268,19 @@
.text-sm {
font-size: 0.9rem;
font-weight: 480;
}
/* 交互性元素与按钮清晰有力 */
button,
[role="button"],
.font-medium {
font-weight: 600;
}
/* 表格单元格保持厚实 */
td, th {
font-weight: 450;
letter-spacing: 0;
}
/* 按钮文字增重,更易点击辨识 */
button,
[role="button"] {
font-weight: 500;
}
/* 表格单元格 */
td, th {
font-weight: 430;
}
}
@@ -573,6 +561,7 @@ input[type="time"]:hover::-webkit-calendar-picker-indicator {
.dark .custom-scrollbar::-webkit-scrollbar-thumb {
background: oklch(0.5 0 0 / 40%);
border-radius: 3px;
}
.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+1 -1
View File
@@ -111,7 +111,7 @@ onMounted(() => {
<!-- Application Card: The main floating surface -->
<div
class="flex h-full w-full bg-background relative transition-all duration-500 overflow-hidden
2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[1.25rem]
2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[2.5rem]
2xl:shadow-[0_50px_100px_-20px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.05)]
2xl:ring-1 2xl:ring-slate-900/5 dark:2xl:ring-white/10
2xl:border 2xl:border-slate-200/60 dark:2xl:border-white/5