feat: 调整字体
This commit is contained in:
116
assets/style.css
116
assets/style.css
@@ -195,6 +195,8 @@ html.preload * {
|
||||
html {
|
||||
overflow-y: hidden; /* 改为hidden,移除强制显示的滚动条 */
|
||||
scrollbar-width: thin; /* Firefox */
|
||||
/* 明确 rem 基准字号:便于用 rem 统一管理字号(1rem = 16px) */
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* 搜索高亮样式 */
|
||||
@@ -208,8 +210,8 @@ html {
|
||||
|
||||
|
||||
body {
|
||||
font-family: var(--font-body);
|
||||
font-weight: var(--font-weight-body);
|
||||
font-family: var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif);
|
||||
font-weight: var(--font-weight-body, normal);
|
||||
line-height: 1.6;
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
@@ -961,8 +963,6 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.welcome-section h2 {
|
||||
font-family: var(--font-title);
|
||||
font-weight: var(--font-weight-title);
|
||||
font-size: 2.4rem;
|
||||
color: var(--text-bright);
|
||||
margin-bottom: 0.5rem;
|
||||
@@ -971,8 +971,8 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.welcome-section h3 {
|
||||
font-family: var(--font-subtitle);
|
||||
font-weight: var(--font-weight-subtitle);
|
||||
font-family: "Quicksand", var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif);
|
||||
font-weight: 500;
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
letter-spacing: 0.3px;
|
||||
@@ -1496,7 +1496,7 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.site-card.site-card-repo .repo-title {
|
||||
font-size: 1.05rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -1597,12 +1597,12 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.site-card.site-card-large h3 {
|
||||
font-size: 1.05rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.site-card.site-card-large p {
|
||||
font-size: 0.88rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Phase 2:articles 页面隐藏“扩展写回结构”,避免与文章条目渲染混淆 */
|
||||
@@ -1809,7 +1809,7 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.site-card h3 {
|
||||
font-size: 0.95rem;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.25rem;
|
||||
color: var(--text-bright);
|
||||
font-weight: 500;
|
||||
@@ -1822,7 +1822,7 @@ body .content.expanded {
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.82rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--nav-item-color);
|
||||
margin: 0;
|
||||
line-height: 1.4;
|
||||
@@ -2249,22 +2249,22 @@ body .content.expanded {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-card h3 {
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 0.4rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.site-card h3 {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.4rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* 在移动端的主题切换按钮 */
|
||||
.theme-toggle {
|
||||
@@ -2347,22 +2347,22 @@ body .content.expanded {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.site-card h3 {
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 0.3rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
.site-card h3 {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.3rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.site-card p {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
@@ -2405,22 +2405,22 @@ body .content.expanded {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.site-card h3 {
|
||||
font-size: 0.85rem;
|
||||
margin-bottom: 0.25rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.15;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.site-card h3 {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.25rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-card p {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.15;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
/* 动画效果 */
|
||||
|
||||
Reference in New Issue
Block a user