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.

corrupted and missing assets in built vite app ('Failed to decode downloaded font')

See original GitHub issue

Have same issue image


  • Operating System: Darwin
  • Node Version: v16.13.2
  • Nuxt Version: 3.0.0-27383920.81ee59c
  • Package Manager: npm@8.1.2
  • Bundler: Vite
  • User Config: -
  • Runtime Modules: -
  • Build Modules: -

The last release 3.0.0-27383920.81ee59c fixed the problem with images in /assets loaded from css url() now loaded correctly, but remains an issue with fonts loaded from /assets in css @font-face, i attach a screenshot of it: (Failed to decode downloaded font: / Failed to load response data)

Fonts loaded as:

/* assets/css/fonts.css */
@font-face {
  font-family: 'Noto-Sans';
  src: url('assets/fonts/noto-sans/NotoSans-Regular.ttf') format('truetype');
}
failed-to-decode-font

_Originally posted by @arb85 in https://github.com/nuxt/framework/issues/2777#issuecomment-1020264094_

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:24 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
replygirlcommented, Jan 26, 2022

@danielroe that does it! maybe nuxi upgrade should clear that

2reactions
sewalshcommented, Jan 24, 2022

yarn build is currupting font files.

Comparing the hashed asset file with the original. Font file no longer previews / loss of metadata / increased file size.

CleanShot 2022-01-24 at 21 52 28@2x

Read more comments on GitHub >

github_iconTop Results From Across the Web

Failed to decode downloaded font - css - Stack Overflow
"Failed to decode downloaded font" means the font is corrupt, or is incomplete (missing metrics, necessary tables, naming records, ...
Read more >
Failed To Decode Downloaded Font, Ots Prasing Error On ...
I put the font in client/assets/fonts/GothamBold.otf This is the error that I got Failed to decode downloaded font http://localhost:9000/fonts/GothamBold.otf ...
Read more >
Suddenly getting this error: Failed to decode downloaded font
My Vue app runs fine on localhost (Windows 10), and was running ... Suddenly getting this error: Failed to decode downloaded font: <URL>....
Read more >
How to Fix the 504 Gateway Timeout Error on Your Site - Kinsta
Learn how to fix the 504 Gateway Timeout error code on your WordPress site. Simple, easy to follow solutions to bring your site...
Read more >
electron-builder | Yarn - Package Manager
A complete solution to package and build a ready for distribution Electron app for MacOS, Windows and Linux with “auto update” support out...
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