opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: replace Inter with Geist variable font (#22060)

Browse Source
This commit is contained in:
Jaayden Halko
2026-02-12 17:26:47 +00:00
committed by GitHub
parent 72438a0e55
commit c9909817a8
7 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/.storybook/preview-head.html
+1 -1
View File
@@ -1,4 +1,4 @@
<link rel="preload" href="/node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/node_modules/@fontsource-variable/geist/files/geist-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin />
<!-- Web terminal fonts -->
<link rel="preload" href="/node_modules/@fontsource/ibm-plex-mono/files/ibm-plex-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin />
site/package.json
+1 -1
View File
@@ -41,7 +41,7 @@
"@emotion/css": "11.13.5",
"@emotion/react": "11.14.0",
"@emotion/styled": "11.14.1",
"@fontsource-variable/inter": "5.2.8",
"@fontsource-variable/geist": "5.2.8",
"@fontsource/fira-code": "5.2.7",
"@fontsource/ibm-plex-mono": "5.2.7",
"@fontsource/jetbrains-mono": "5.2.8",
site/pnpm-lock.yaml
Generated
+4 -4
View File
@@ -37,7 +37,7 @@ importers:
'@emotion/styled':
specifier: 11.14.1
version: 11.14.1(@emotion/react@11.14.0(@types/react@19.2.7)(react@19.2.2))(@types/react@19.2.7)(react@19.2.2)
'@fontsource-variable/inter':
'@fontsource-variable/geist':
specifier: 5.2.8
version: 5.2.8
'@fontsource/fira-code':
@@ -1190,8 +1190,8 @@ packages:
'@floating-ui/utils@0.2.10':
resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==, tarball: https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz}
'@fontsource-variable/inter@5.2.8':
resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==, tarball: https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz}
'@fontsource-variable/geist@5.2.8':
resolution: {integrity: sha512-cJ6m9e+8MQ5dCYJsLylfZrgBh6KkG4bOLckB35Tr9J/EqdkEM6QllH5PxqP1dhTvFup+HtMRPuz9xOjxXJggxw==, tarball: https://registry.npmjs.org/@fontsource-variable/geist/-/geist-5.2.8.tgz}
'@fontsource/fira-code@5.2.7':
resolution: {integrity: sha512-tnB9NNund9TwIym8/7DMJe573nlPEQb+fKUV5GL8TBYXjIhDvL0D7mgmNVNQUPhXp+R7RylQeiBdkA4EbOHPGQ==, tarball: https://registry.npmjs.org/@fontsource/fira-code/-/fira-code-5.2.7.tgz}
@@ -7141,7 +7141,7 @@ snapshots:
'@floating-ui/utils@0.2.10': {}
'@fontsource-variable/inter@5.2.8': {}
'@fontsource-variable/geist@5.2.8': {}
'@fontsource/fira-code@5.2.7': {}
site/src/index.css
+6
View File
@@ -131,3 +131,9 @@
padding-right: 0px;
}
}
@layer utilities {
.text-xs-mono {
@apply text-xs font-mono font-medium;
}
}
site/src/theme/constants.ts
+1 -1
View File
@@ -3,7 +3,7 @@ import type { TerminalFontName } from "api/typesGenerated";
export const borderRadius = 8;
export const MONOSPACE_FONT_FAMILY =
"'IBM Plex Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace";
export const BODY_FONT_FAMILY = `"Inter Variable", system-ui, sans-serif`;
export const BODY_FONT_FAMILY = `"Geist Variable", system-ui, sans-serif`;
export const terminalFonts: Record<TerminalFontName, string> = {
"fira-code": MONOSPACE_FONT_FAMILY.replace("IBM Plex Mono", "Fira Code"),
site/src/theme/globalFonts.ts
+1 -1
View File
@@ -2,7 +2,7 @@
import "@fontsource/ibm-plex-mono/400.css";
import "@fontsource/ibm-plex-mono/600.css";
// Main body copy font
import "@fontsource-variable/inter";
import "@fontsource-variable/geist";
// Alternative fonts for Terminal
import "@fontsource/fira-code/400.css";
import "@fontsource/fira-code/600.css";
site/tailwind.config.js
+4 -3
View File
@@ -9,7 +9,7 @@ module.exports = {
theme: {
extend: {
fontFamily: {
sans: `"Inter Variable", system-ui, sans-serif`,
sans: `"Geist Variable", system-ui, sans-serif`,
},
size: {
"icon-lg": "1.5rem",
@@ -18,8 +18,9 @@ module.exports = {
},
fontSize: {
"2xs": ["0.625rem", "0.875rem"],
xs: ["0.75rem", "1rem"],
sm: ["0.875rem", "1.5rem"],
xs: ["0.75rem", { lineHeight: "1rem", fontWeight: "500" }],
sm: ["0.875rem", { lineHeight: "1.5rem", fontWeight: "500" }],
base: ["1rem", { lineHeight: "1.5rem", fontWeight: "400" }],
"3xl": ["2rem", "2.5rem"],
},
borderRadius: {