fix: load fonts the right way

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>
       )}

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;