diff --git a/packages/console/app/public/fonts/berkley-mono.woff2 b/packages/console/app/public/fonts/berkley-mono.woff2
deleted file mode 100644
index d18fc3912..000000000
Binary files a/packages/console/app/public/fonts/berkley-mono.woff2 and /dev/null differ
diff --git a/packages/console/app/src/app.tsx b/packages/console/app/src/app.tsx
index 8cc98ad4d..cde2f0187 100644
--- a/packages/console/app/src/app.tsx
+++ b/packages/console/app/src/app.tsx
@@ -3,6 +3,7 @@ import { Router } from "@solidjs/router"
 import { FileRoutes } from "@solidjs/start/router"
 import { Suspense } from "solid-js"
 import { Favicon } from "@opencode-ai/ui/favicon"
+import { Font } from "@opencode-ai/ui/font"
 import "@ibm/plex/css/ibm-plex.css"
 import "./app.css"
 
@@ -15,6 +16,7 @@ export default function App() {
           <Title>opencode</Title>
           <Meta name="description" content="OpenCode - The open source coding agent." />
           <Favicon />
+          <Font />
           <Suspense>{props.children}</Suspense>
         </MetaProvider>
       )}
diff --git a/packages/console/app/src/style/token/font.css b/packages/console/app/src/style/token/font.css
index 5a5f19da6..844677b5f 100644
--- a/packages/console/app/src/style/token/font.css
+++ b/packages/console/app/src/style/token/font.css
@@ -1,11 +1,3 @@
-@font-face {
-  font-family: "Berkeley Mono";
-  src: url("/fonts/berkley-mono.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
 body {
   --font-size-2xs: 0.6875rem;
   --font-size-xs: 0.75rem;