question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Download mode is not working!

See original GitHub issue

Just wanted to run a basic test with the config below nuxt.config.js

export default {
    modules: [
      [
      '@nuxtjs/google-fonts'
    ],
    googleFonts: {
      families: {
        Roboto: true,
        "Roboto Mono": true,
        Mali: {
          wght: [400, 600, 700],
        },
      },
      download: true
    }
  }

pages/index.html:

<h2 style="font-family: Roboto">Teseting Fonts Roboto</h2>
<h2 style="font-family: Roboto Mono;font-weight:bold">Teseting Fonts Roboto Monospace</h2>
<h2 style="font-family: Mali">Teseting Fonts Roboto Mali</h2>

and It’s just not working ( every text falls back to the default font ) but when I switch the download: false it works fine. it also won’t show any errors or logs in build time. I tried it with other options like base64, outputDir, fontsDir, fontsPath no change still not working.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:26 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
kngaicommented, Jun 23, 2021

This seems to be working for me now. However I’m using nuxt generate to build. Using version @nuxtjs/google-fonts 1.3.0 and nuxt 2.15.6.

My nuxt.config.js:

  googleFonts: {
    // Using the same default font as Vuetify from
    // https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap
    families: {
      Roboto: [100, 300, 400, 500, 700, 900]
    },
    display: 'swap',
    download: true,
    overwriting: true
  },
3reactions
mayowacommented, Nov 26, 2020

I have a similar issue, but in my case only files for the 100 weight is downloaded and only with the following config Version info: nuxt - 2.14.7 @nuxtjs/google-fonts - 1.2.0

  googleFonts: {
    download: true,
    families: {
      Roboto: [100, 300, 400, 500, 700, 900],
    },
  },

or

  googleFonts: {
    download: true,
    families: {
      Roboto: true,
    },
  },

When I use the following I get a bad request error during build

  googleFonts: {
    download: true,
    families: {
      Roboto: {
          wght: [100, 300, 400, 500, 700, 900],
          ital:[100]
      }
    },
  },
Read more comments on GitHub >

github_iconTop Results From Across the Web

Download mode not working anymore!!! PLEASE help
1) Shut down your phone · 2) Start ODIN and select TAR file · 3) Press Volume Up/Volume UP simultaneously · 4) Insert...
Read more >
How To Fix "Samsung Galaxy Stuck In Odin (Download) Mode"
You have to simply press Volume Down + Power button and your device will shut down. This process will also help you to...
Read more >
3 Ways to Boot into Samsung Download Mode - Technastic
Turn off your phone or tablet. Now press and hold the Home + Volume Down + Power keys simultaneously for 2-3 seconds. ·...
Read more >
Samsung Download Mode: All What You Should Know
If you are stuck in Samsung Download mode, you must be getting a message on the screen such as "Downloading…Do not turn off...
Read more >
Why my phone download mode not working - iFixit
Why my phone download mode is not working - Samsung Galaxy Note9. ... have to be connected to a computer with a cable...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found