diff options
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" /> </> ) } |