Skip to content

Commit 40c1abd

Browse files
Nagi-ovoclaude
andcommitted
fix(fork,timeline): use Google Sans font stack to match Gemini UI
Use 'Google Sans', Roboto, Arial, sans-serif — the same stack used throughout the codebase — instead of system font stack. This ensures proper rendering for CJK, Arabic, and other non-Latin scripts since Google Sans has broad multilingual coverage. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent a13a126 commit 40c1abd

2 files changed

Lines changed: 7 additions & 7 deletions

File tree

public/contentStyle.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -389,7 +389,7 @@ html.dark .timeline-dot:not(.active):not(.starred)::after,
389389
border-radius: var(--timeline-tooltip-radius);
390390
border: var(--timeline-tooltip-border-w) solid var(--timeline-tooltip-border);
391391
font-size: 13px;
392-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
392+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
393393
line-height: var(--timeline-tooltip-lh);
394394
max-height: calc(
395395
3 * var(--timeline-tooltip-lh) + 2 * var(--timeline-tooltip-pad-y) + 2 *
@@ -584,7 +584,7 @@ html.dark .timeline-left-slider::before {
584584
position: fixed;
585585
width: 320px;
586586
direction: ltr;
587-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
587+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
588588
background-color: var(--timeline-tooltip-bg);
589589
border: 1px solid var(--timeline-tooltip-border);
590590
border-radius: var(--timeline-tooltip-radius);

src/pages/content/fork/index.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ function injectStyles(): void {
6262
border-radius: 4px;
6363
cursor: pointer;
6464
font-size: 12px;
65-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
65+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
6666
opacity: 0;
6767
visibility: hidden;
6868
pointer-events: none;
@@ -119,7 +119,7 @@ function injectStyles(): void {
119119
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
120120
white-space: nowrap;
121121
font-size: 13px;
122-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
122+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
123123
}
124124
.${FORK_CONFIRM_CLASS} p {
125125
margin: 0 0 8px 0;
@@ -135,7 +135,7 @@ function injectStyles(): void {
135135
border: 1px solid var(--gv-fork-confirm-border, rgba(0, 0, 0, 0.12));
136136
cursor: pointer;
137137
font-size: 12px;
138-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
138+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
139139
background: transparent;
140140
color: inherit;
141141
}
@@ -176,7 +176,7 @@ function injectStyles(): void {
176176
cursor: pointer;
177177
font-size: 12px;
178178
font-weight: 600;
179-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
179+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
180180
border: 1px solid var(--gv-fork-indicator-border, rgba(26, 115, 232, 0.28));
181181
transition: background-color 0.15s, color 0.15s, border-color 0.15s;
182182
}
@@ -207,7 +207,7 @@ function injectStyles(): void {
207207
font-size: 10px;
208208
font-weight: 700;
209209
line-height: 1;
210-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
210+
font-family: 'Google Sans', Roboto, Arial, sans-serif;
211211
opacity: 0;
212212
pointer-events: none;
213213
transform: scale(0.8);

0 commit comments

Comments
 (0)