chore: mobile font
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user