Getting an error when trying to import the Geist Mono font

Help
1

Getting an error when trying to import the Geist Mono font.

Roboto Mono works fine.

Any suggestions?

import { Roboto_Mono, Geist_Mono } from "next/font/google";

export const robotoMono = Roboto_Mono({
  weight: '700',
  subsets: ['latin'],
  display: 'swap'
});

export const geistMono = Geist_Mono({
  weight: '500',
  subsets: ['latin'],
  display: 'swap'
});

utils/fonts.js
`next/font` error:
Unknown font `Geist Mono`
2

I thought any font from Google Fonts can be imported, is that not the case?

3

Thanks for reporting this. I shared it with the Next.js team. We’ll keep you updated here.

5

The Geist Mono font will be available if you upgrade to the latest version of Next.js

Please let me know if you still have any trouble after updating the package!

1 Like
6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.