chore: reback font style -- wight font

This commit is contained in:
duorameng
2026-04-07 20:19:24 +08:00
parent 59e1eea907
commit 65706a0496
+30 -24
View File
@@ -236,51 +236,57 @@
======================================== */ ======================================== */
@media (max-width: 639px) { @media (max-width: 639px) {
body { body {
font-size: 15px; font-size: 14.5px;
font-weight: 450; font-weight: 500;
letter-spacing: 0; line-height: 1.55;
/* 移动端关闭 subpixel antialiasing,字体更实更清晰 */ letter-spacing: -0.01em;
-webkit-font-smoothing: auto; /* 移动端使用 antialiased 以匹配高 DPI 渲染,开启字重补偿 */
-moz-osx-font-smoothing: auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
/* 标题类字体在小屏下同步增重 */ /* 标题类在小屏下保持稳健厚实 */
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.02em;
line-height: 1.3;
} }
/* 正文段落、描述类文字增重 */ /* 正文描述类文字同步加厚,避免手机端自动淡出造成的纤细感 */
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: 480;
line-height: 1.6;
} }
/* 小号字在移动端专门增重,与 Windows 小字优化区分开 */ /* 针对移动端小字进行强制加粗补偿(400 在手机上易由于笔画过细而消失) */
.text-xs { .text-xs {
font-size: 0.8rem; font-size: 11.5px;
font-weight: 500; font-weight: 550;
line-height: 1.4;
letter-spacing: 0.01em; letter-spacing: 0.01em;
} }
.text-sm { .text-sm {
font-size: 0.9rem; font-size: 13.5px;
font-weight: 450;
letter-spacing: 0;
}
/* 按钮文字增重,更易点击辨识 */
button,
[role="button"] {
font-weight: 500; font-weight: 500;
line-height: 1.5;
} }
/* 表格单元格 */ /* 交互性元素显著加厚,提升点击信心 */
button,
[role="button"],
.font-medium {
font-weight: 600;
}
/* 表格单元格保持高对比度 */
td, th { td, th {
font-weight: 430; font-weight: 500;
} }
} }