chore: mobile font

This commit is contained in:
engigu
2026-04-17 21:09:12 +08:00
parent d16540b5cb
commit 98cf876ea0
4 changed files with 17 additions and 14 deletions
+6 -7
View File
@@ -242,10 +242,9 @@
@media (max-width: 639px) {
body {
font-size: 15.5px;
font-weight: 500;
line-height: 1.55;
letter-spacing: -0.01em;
/* 移动端使用 antialiased 以匹配高 DPI 渲染,开启字重补偿 */
/* 移动端使用 antialiased 以匹配高 DPI 渲染 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -257,28 +256,28 @@
line-height: 1.3;
}
/* 正文与描述类文字同步加厚,使用标准字重 500 以匹配静态字体 */
/* 正文与描述类文字回归 400,依靠 15.5px 的字号保证清晰度 */
p,
span:not([class*="icon"]),
label,
[class*="description"],
[class*="muted"],
.text-muted-foreground {
font-weight: 500;
font-weight: 400;
line-height: 1.6;
}
/* 针对移动端小字进行字重补偿,使用标准字重 600 */
/* 针对移动端小字保持适度加重 */
.text-xs {
font-size: 12.5px;
font-weight: 600;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.01em;
}
.text-sm {
font-size: 14.5px;
font-weight: 500;
font-weight: 400;
line-height: 1.5;
}