diff options
| author | Adam <[email protected]> | 2025-12-17 10:29:58 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-12-17 10:30:03 -0600 |
| commit | 8fb014a48d039bfdf6b7debc77ea6a8d093d33a1 (patch) | |
| tree | d9ee1c0e8635d04f349d41ae056e47d31b1a0e11 /packages/ui/src/components | |
| parent | 57c3cf1f8b203f9e75914d20e40ecd6cbca77465 (diff) | |
| download | opencode-8fb014a48d039bfdf6b7debc77ea6a8d093d33a1.tar.gz opencode-8fb014a48d039bfdf6b7debc77ea6a8d093d33a1.zip | |
feat(desktop): inter and ibm plex mono
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/font.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/packages/ui/src/components/font.tsx b/packages/ui/src/components/font.tsx index de2991096..b69139c0f 100644 --- a/packages/ui/src/components/font.tsx +++ b/packages/ui/src/components/font.tsx @@ -1,20 +1,20 @@ import { Style, Link } from "@solidjs/meta" -import geist from "../assets/fonts/geist.woff2" -import tx02 from "../assets/fonts/tx-02.woff2" +import inter from "../assets/fonts/inter.woff2" +import ibmPlexMono from "../assets/fonts/ibm-plex-mono.woff2" export const Font = () => { return ( <> <Style>{` @font-face { - font-family: "Geist"; - src: url("${geist}") format("woff2-variations"); + font-family: "Inter"; + src: url("${inter}") format("woff2-variations"); font-display: swap; font-style: normal; font-weight: 100 900; } @font-face { - font-family: "Geist Fallback"; + font-family: "Inter Fallback"; src: local("Arial"); size-adjust: 100%; ascent-override: 97%; @@ -22,14 +22,14 @@ export const Font = () => { line-gap-override: 1%; } @font-face { - font-family: "Berkeley Mono"; - src: url("${tx02}") format("woff2-variations"); + font-family: "IBM Plex Mono"; + src: url("${ibmPlexMono}") format("woff2-variations"); font-display: swap; font-style: normal; font-weight: 400 700; } @font-face { - font-family: "Berkeley Mono Fallback"; + font-family: "IBM Plex Mono Fallback"; src: local("Courier New"); size-adjust: 100%; ascent-override: 97%; @@ -37,8 +37,8 @@ export const Font = () => { line-gap-override: 1%; } `}</Style> - <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" /> - <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" /> + <Link rel="preload" href={inter} as="font" type="font/woff2" crossorigin="anonymous" /> + <Link rel="preload" href={ibmPlexMono} as="font" type="font/woff2" crossorigin="anonymous" /> </> ) } |