Skip to content

Commit efabe54

Browse files
committed
Add Commit Mono as --font-mono
1 parent 4bea26b commit efabe54

File tree

3 files changed

+16
-0
lines changed

3 files changed

+16
-0
lines changed
84.7 KB
Binary file not shown.

src/app/fonts/index.tsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,21 @@ export const hostGrotesk = localFont({
88
weight: "300 800",
99
})
1010

11+
export const commitMono = localFont({
12+
src: "./CommitMono-VariableFont.woff2",
13+
weight: "200 700",
14+
declarations: [
15+
{
16+
prop: "font-feature-settings",
17+
value: "'ss01' on, 'ss02' on, 'ss04' on, 'ss05' on, 'cv08' on",
18+
},
19+
],
20+
})
21+
1122
const newFontsStyles = /* css */ `
1223
html {
1324
--font-sans: ${hostGrotesk.style.fontFamily};
25+
--font-mono: ${commitMono.style.fontFamily};
1426
}`
1527

1628
export const NewFontsStyleTag = () => {

tailwind.config.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,10 @@ const config: Config = {
1515
`var(--font-sans, ${fontFamily.sans.slice(0, 3).join(", ")})`,
1616
...fontFamily.sans,
1717
],
18+
mono: [
19+
`var(--font-mono, ${fontFamily.mono.slice(0, 3).join(", ")})`,
20+
...fontFamily.mono,
21+
],
1822
},
1923
colors: {
2024
primary: "#e10098",

0 commit comments

Comments
 (0)