Failed to decode downloaded font: <URL>

help
1

Hi!
I’m having an issue with fortawesome. I’m using Meteor 1.8.1-rc.0. and following packages.

- @fortawesome/fontawesome-free : '^5.11.2'
- ostrio:flow-router-extra
- fourseven:scss

I’m importing fontawesome in main.css.

// fontawesome
import '@fortawesome/fontawesome-free/css/all.css';

And I’ve also copied the fonts in my public directory, as suggested in this post [Meteor 1.6.1] Bootstrap & SourceMaps, Font-Awesome & Font Files, NPM

public/webfonts/..

On the landing page, fonts are being rendered fine. But fonts are not being rendered on any other url. I’m getting following warning in my browser console.

Failed to decode downloaded font: <URL>
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-solid-900.woff2
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-regular-400.woff2
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-solid-900.woff
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-solid-900.ttf
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-regular-400.woff
Failed to decode downloaded font: http://localhost:9000/system/webfonts/fa-regular-400.ttf

OTS parsing error: invalid version tag
OTS parsing error: invalid version tag
OTS parsing error: invalid version tag
OTS parsing error: invalid version tag
OTS parsing error: invalid version tag
OTS parsing error: invalid version tag

Thanks.

2

Have you tried impoting the fonts from the public directory and not the npm package?
try adding this line:
import '@webfonts/[PATH_TO_CSS_FILE];