@labmgm/fonts
v0.1.2
Published
Font loaders for Bricolage Grotesque, Geist, and Geist Mono — the MGM type stack.
Downloads
455
Readme
@labmgm/fonts
The MGM Laboratory type stack — Bricolage Grotesque (display), Geist (UI), Geist Mono (code).
pnpm add @labmgm/fontsNext.js
import { bricolageGrotesque, geist, geistMono } from '@labmgm/fonts/next';
export default function RootLayout({ children }) {
return (
<html
lang="en"
className={`${bricolageGrotesque.variable} ${geist.variable} ${geistMono.variable}`}
>
<body>{children}</body>
</html>
);
}Other React frameworks (Vite, Remix, etc.)
import '@labmgm/fonts/fonts.css';Or hand-roll the link tags
import { googleFontsLinkTags, GOOGLE_FONTS_HREF } from '@labmgm/fonts';