The Node.js® Website
keii.dev
1import { Open_Sans, IBM_Plex_Mono } from 'next/font/google';
2
3// This configures the Next.js Font for Open Sans
4// We then export a variable and class name to be used
5// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
6export const OPEN_SANS = Open_Sans({
7 weight: ['300', '400', '600', '700'],
8 display: 'fallback',
9 subsets: ['latin'],
10 variable: '--font-open-sans',
11});
12
13// This configures the Next.js Font for IBM Plex Mono
14// We then export a variable and class name to be used
15// within Tailwind (tailwind.config.ts) and Storybook (preview.js)
16export const IBM_PLEX_MONO = IBM_Plex_Mono({
17 weight: ['400', '600'],
18 subsets: ['latin'],
19 variable: '--font-ibm-plex-mono',
20});