chore: reback font style -- wight font
This commit is contained in:
+30
-24
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user