admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: opt middle screen style -- opt font style

Browse Source
This commit is contained in:
duorameng
2026-04-07 19:51:37 +08:00
parent aa4ac4834a
commit 5921029e26
1 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/assets/index.css
+29 -17
View File
@@ -5,6 +5,11 @@
@import "@fontsource/inter/500.css"; @import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css"; @import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.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/400.css";
@import "@fontsource/jetbrains-mono/500.css"; @import "@fontsource/jetbrains-mono/500.css";
@@ -213,20 +218,25 @@
body { body {
@apply bg-background text-foreground antialiased; @apply bg-background text-foreground antialiased;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Geist Sans", "Inter", system-ui, -apple-system, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5rem;
letter-spacing: -0.01em; letter-spacing: -0.02em;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
h1, h2, h3, h4, h5, h6 {
@apply tracking-tighter font-semibold;
}
.font-code, .font-code,
.font-mono, .font-mono,
code, code,
pre { pre {
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-family: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
} }
} }
@@ -238,28 +248,30 @@
body { body {
font-size: 15px; font-size: 15px;
font-weight: 450; font-weight: 450;
line-height: 1.5;
letter-spacing: 0; letter-spacing: 0;
/* 移动端关闭 subpixel antialiasing，字体更实更清晰 */ /* 移动端使用默认平滑，保持字体“厚度”与清晰度 */
-webkit-font-smoothing: auto; -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; -moz-osx-font-smoothing: auto;
} }
/* 标题类字体在小屏下同步增重 */ /* 标题类在小屏下显著加重，增加力量感 */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 700; font-weight: 700;
letter-spacing: -0.01em; letter-spacing: -0.01em;
} }
/* 正文段落、描述类文字增重 */ /* 正文与描述类文字同步增重，避免纤细感，提升识别度 */
p, p,
span:not([class*="icon"]), span:not([class*="icon"]),
label, label,
[class*="description"], [class*="description"],
[class*="muted"] { [class*="muted"],
font-weight: 420; .text-muted-foreground {
font-weight: 430;
} }
/* 小号字在移动端专门增重，与 Windows 小字优化区分开 */ /* 小号字专门增重，模拟截图中免责声明的稳重感 */
.text-xs { .text-xs {
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 500; font-weight: 500;
@@ -268,19 +280,19 @@
.text-sm { .text-sm {
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 450; font-weight: 480;
letter-spacing: 0;
} }
/* 按钮文字增重，更易点击辨识 */ /* 交互性元素与按钮清晰有力 */
button, button,
[role="button"] { [role="button"],
font-weight: 500; .font-medium {
font-weight: 600;
} }
/* 表格单元格 */ /* 表格单元格保持厚实 */
td, th { td, th {
font-weight: 430; font-weight: 450;
} }
} }