Возникла проблема с загрузкой шрифта Google из next/font. ⇐ CSS

[Anonymous]

Я использую nextjs 14.2.10 и пытался использовать

Код: Выделить всё

import { Inter } from 'next/font/google';

const inter = Inter({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
style: ['normal'],
variable: '--font-inter',
fallback: ['sans-serif'],
});

const App = ({ Component, pageProps }: AppPropsWithLayout) => {
const getLayout = (Component as NextPageWithLayout).getLayout || ((page) => page);
return (


{getLayout()}


);
};

Но я получаю следующую ошибку компиляции при загрузке шрифта. Помогите, пожалуйста, как решить проблему?

Повторная попытка 1/3...
Пользователь прервал запрос.
Повторная попытка 2/3...
Пользователь прервал запрос.
Повторная попытка 3/3...
AbortError: Пользователь прервал запрос.
при прерывании (/Users/shreyak.jain/Documents/Work/test/node_modules/next/dist/compiled/node-fetch/index.js:1:65594)

в EventTarget.abortAndFinalize (/Users/shreyak.jain/Documents/Work/test/node_modules/next/dist/compiled/node-fetch/index.js:1:65814)

в [nodejs.internal.kHybridDispatch] (узел: внутренний/event_target: 825:20)

в EventTarget.dispatchEvent (node:internal/event_target:760:26)

в abortSignal (node:internal/abort_controller:370:10)

в AbortController.abort (узел: внутренний/abort_controller:392:5)

по истечении времени ожидания. (/Users/shreyak.jain/Documents/Work/test/node_modules/next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts.js:44:47)

в listOnTimeout (node:internal/timers:573:17)

вprocess.processTimers (node:internal/timers:514:7) {
тип: 'прервано'
>
Не удалось загрузить Inter из Google Fonts. Вместо этого используется резервный шрифт.

Я ожидаю, что шрифт загрузится и будет работать как положено.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -next-font