Family injection fetch failed

[MrPinacolada]

Hi! I've got a misterious problem with nuxt/fonts
Sometimes when deploy I get this kind of error (5 times out of 15 deploys)

That's not a versel bug, I've tried to run locally npm run build about 20 itmes and 5 of them ended up with the same error.

My configuration:

"@nuxt/fonts": "0.10.2"
"nuxt": "3.13.2",

 components: [
   {
     path: "~/components",
     global: true,
   },
 ],

 devtools: { enabled: false },

 css: ["~/assets/styles/_global.scss"],

 modules: [
   "@nuxt/fonts",
   "nuxt-icons",
   "@nuxt/eslint",
   "nuxt-quasar-ui",
   "@pinia/nuxt",
   "@nuxtjs/device",
   "@nuxt/image",
   "@nuxtjs/seo",
   "@nuxtjs/robots",
   "nuxt-schema-org",
   "nuxt-link-checker",
   "@nuxtjs/sitemap",
   "nuxt-seo-experiments",
   "@nuxtjs/i18n",
   "@nuxt/scripts",
 ],

 plugins: [
   "~/plugins/rest-api.js",
   { src: "~/plugins/sentry.ts", mode: "client" },
   { src: "~/plugins/error-handler.ts", mode: "client" },
   { src: "~/plugins/image-error.ts", mode: "client" },
 ],

 // scripts
 $production: {
 },

 $development: {
 },

 //SEO
 sitemap: {
   enabled: true,
   urls: async () => await getSiteMap(),
   defaults: {
     changefreq: "daily",
     priority: 1,
     lastmod: new Date(),
   },
 },
 robots: {
   enabled: true,
   disallow: ["/admin", "/ui-kit", "/profile", "/third-party-auth"],
   allow: "/",
 },
 ogImage: {
   enabled: false,
 },
 schemaOrg: {
   enabled: true,
   identity: {
   },
   defaults: false,
   reactive: true,
 },
 seo: {
   automaticDefaults: false,
   fallbackTitle: false,
 },
 linkChecker: {
   enabled: true,
 },
 seoExperiments: {
   enabled: true,
 },

 site: {

 },

 app: {
   head: {
   },
 },
 //SEO

 //images
 image: {
   format: ["webp", "png", "svg"],
 },
 //images

 //langs
 i18n: {
   legacy: false,
   locales: [
     {
       code: "en",
       name: "English",
       iso: "en-US",
       file: "en.json",
     },
     {
       code: "de",
       name: "Deutsch",
       iso: "de-DE",
       file: "de.json",
     },
   ],
   messages: {
     en: {},
   },
   defaultLocale: "en",
   strategy: "prefix_except_default",
   lazy: true,
   langDir: "locales/",
   detectBrowserLanguage: {
     useCookie: true,
     cookieKey: "i18n_redirected",
     alwaysRedirect: true,
     fallbackLocale: "en",
   },
 },
 //langs

 //vite
 vite: {
   css: {
     preprocessorOptions: {
       scss: {
         additionalData: '@use "~/assets/styles/variables/_mixins.scss" as *;',
       },
     },
   },
   build: {
     sourcemap: true,
     rollupOptions: {
       output: {
         // manualChunks: undefined,
       },
     },
     // cssCodeSplit: false,
   },

   plugins: [
     sentryVitePlugin({
     }),
   ],
 },
 //vite

 //ui
 quasar: {
   lang: "ru",
   plugins: ["Dialog", "Notify", "Loading", "AppVisibility"],
 },
 //ui

 //env
 runtimeConfig: {
   devtools: {
     enabled: true,
   },
   public: {
   },
 },
 //env

 //nitro
 nitro: {
   prerender: {
     // crawlLinks: true,
     routes: ["/sitemap.xml", "/robots.txt"],
   },
   compressPublicAssets: true,
 },
 //nitro

 //prerender
 routeRules: {
 },
 //prerender

 router: {
   options: {
     scrollBehaviorType: "smooth",
   },
 },

 //build
 build: {
   analyze: true,
 },

 //build

 //hooks
 hooks: {
   // "build:before": () => {
   //   console.log("Running ESLint...");
   //   try {
   //     execSync("pnpm run lint", { stdio: "inherit" });
   //   } catch (error) {
   //     console.error("ESLint found issues");
   //   }
   // },
 },
 //hooks

 //other
 typescript: {
   strict: true,
 },
 ssr: false,
 compatibilityDate: "2024-11-10",
 //other
});

---

.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("~/assets/fonts/CabinetGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("~/assets/fonts/CabinetGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "DM Sans";
  src: url("~/assets/fonts/DMSans-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "DM Sans";
  src: url("~/assets/fonts/DMSans-Regular.ttf") format("truetype");
  font-weight: 400;
}

.cabinet-grotesk {
  font-family: "Cabinet Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

Is there any one with the similar problem?

[norjamille-kasan]

+1

[FabienVINCENT]

+1

[qwerzl]

Let's track it in #356.