Poppins 500 not downloading

Nuxt 3 RC 6 + google-fonts 3.0.0-0

googleFonts: { families: { Poppins: { wght: [300, 400, 500, 600, 700], }, }, display: 'swap', prefetch: true, preconnect: false, download: true, base64: false, useStylesheet: false, },

Poppins is not downloaded in specified weights, missing 500.

[fnavarijo]

I think I’ve found what is happening. The library depends on google-fonts-helper. This helps with the download of the fonts. When the execute method is called, it verifies that the .cache/nuxt-google-fonts exists. In case that it does, it returns (ref)

  // google-fonts-helpers
  if (!overwriting && fsExtra.pathExistsSync(cssPath)) {
      return;
    }

I was able to update my fonts adding the overwriting flag

// nuxt.config.js

export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss', '@nuxtjs/google-fonts'],
  googleFonts: {
    families: {
      Roboto: [100, 300],
      Lato: [100, 300, 500]
    },
    overwriting: true // this flag
  }
})

The downside, is that everytime your server restarts, will fetch the fonts again.

The other quick solution is removing node_modules/.cache/nuxt-google-fonts and starting the server again 😄

[asmeeee]

Same for Montserrat, it ignores all weights and injects only 400.