diff --git a/apps/ui/app/layout.tsx b/apps/ui/app/layout.tsx index df68342c1..08c00b08e 100644 --- a/apps/ui/app/layout.tsx +++ b/apps/ui/app/layout.tsx @@ -1,5 +1,6 @@ import "./globals.css"; +import { fontMono } from "@coss/ui/fonts"; import { ThemeProvider } from "@coss/ui/shared/theme-provider"; import type { Metadata } from "next"; import { Cal_Sans as FontHeading, Inter as FontSans } from "next/font/google"; @@ -37,7 +38,7 @@ export default function RootLayout({ return ( diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx index 121d1a4df..b06d1a5d3 100644 --- a/apps/www/app/layout.tsx +++ b/apps/www/app/layout.tsx @@ -1,5 +1,6 @@ import "./globals.css"; +import { fontMono } from "@coss/ui/fonts"; import { SiteCta } from "@coss/ui/shared/site-cta"; import { SiteFooter } from "@coss/ui/shared/site-footer"; import { SiteHeader } from "@coss/ui/shared/site-header"; @@ -32,7 +33,7 @@ export default function RootLayout({ return (
diff --git a/packages/ui/package.json b/packages/ui/package.json index 52ac8bfb7..80f53d68d 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -26,6 +26,7 @@ }, "exports": { "./components/*": "./src/components/*.tsx", + "./fonts": "./src/fonts/index.ts", "./globals.css": "./src/styles/globals.css", "./hooks/*": "./src/hooks/*.ts", "./lib/*": "./src/lib/*.ts", diff --git a/packages/ui/src/fonts/PaperMono-Regular.woff2 b/packages/ui/src/fonts/PaperMono-Regular.woff2 new file mode 100644 index 000000000..849e0ffaf Binary files /dev/null and b/packages/ui/src/fonts/PaperMono-Regular.woff2 differ diff --git a/packages/ui/src/fonts/index.ts b/packages/ui/src/fonts/index.ts new file mode 100644 index 000000000..130f94499 --- /dev/null +++ b/packages/ui/src/fonts/index.ts @@ -0,0 +1,7 @@ +import localFont from "next/font/local"; + +export const fontMono = localFont({ + display: "swap", + src: "./PaperMono-Regular.woff2", + variable: "--font-mono", +}); diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css index 998222d08..7669650f8 100644 --- a/packages/ui/src/styles/globals.css +++ b/packages/ui/src/styles/globals.css @@ -13,9 +13,7 @@ --color-foreground: var(--foreground); --font-sans: var(--font-sans); --font-heading: var(--font-heading); - --font-mono: - ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; + --font-mono: var(--font-mono); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); @@ -182,6 +180,13 @@ } } +code, +kbd, +samp, +pre { + font-family: var(--font-mono); +} + @utility no-scrollbar { -ms-overflow-style: none; scrollbar-width: none;