theirongolddev/session-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to Geist font family

Browse Source 
Replace Inter with Geist font from jsDelivr CDN for a more modern look
that aligns with Vercel's design system.

Changes:
- index.html: Add Geist font stylesheet from jsDelivr
- main.css: Update font-family to use "Geist" as primary
- tailwind.config.js: Update fontFamily.sans to start with "Geist"

Geist is Vercel's open-source font family designed for readability and
clarity in developer tools. It pairs well with JetBrains Mono for code
blocks (already in use).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
teernisse
2026-02-28 00:53:43 -05:00
parent 007cbbcb69
commit 04343f6a9a
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/index.html
View File

@@ -6,7 +6,8 @@
<title>Session Viewer</title> <title>Session Viewer</title>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/geist@1/dist/fonts/geist-sans/style.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

5
src/client/styles/main.css
View File

@@ -36,11 +36,10 @@
--color-glow-accent: rgba(91, 156, 245, 0.12); --color-glow-accent: rgba(91, 156, 245, 0.12);
--color-glow-success: rgba(63, 185, 80, 0.12); --color-glow-success: rgba(63, 185, 80, 0.12);
/* Inter font from Google Fonts CDN */ /* Geist font from jsDelivr CDN */
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
} }
/* Smooth transitions on all interactive elements */ /* Smooth transitions on all interactive elements */

2
tailwind.config.js
View File

@@ -41,7 +41,7 @@ export default {
}, },
fontFamily: { fontFamily: {
sans: [ sans: [
"Inter", "Geist",
"system-ui", "system-ui",
"-apple-system", "-apple-system",
"BlinkMacSystemFont", "BlinkMacSystemFont",