Failed to decode downloaded font in Meteor

Question

This is my CSS:

@font-face { font-family: 'geometria_lightlight'; src: url('Geometria-Light-webfont.eot'); src: url('Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Geometria-Light-webfont.woff2') format('woff2'), url('Geometria-Light-webfont.woff') format('woff'), url('Geometria-Light-webfont.ttf') format('truetype'), url('Geometria-Light-webfont.svg#geometria_lightlight') format('svg'); font-weight: lighter; font-style: normal; } #logo{ font-family: 'geometria_lightlight'; font-size: 60px; } 

This is the message I get in Chrome: Failed to decode the downloaded font: http: // localhost: 3000 / Geometria-Light-webfont.woff2 localhost /: 1 OTS parsing error: invalid version tag localhost /: 1 Failed to decode the downloaded font : http: // localhost: 3000 / Geometria-Light-webfont.woff

I get this message with every font that I download through Font Squirrel.

Answer 1

Paste your fonts into the public/fonts folder.

And then do something like this:

 @font-face { font-family: 'BebasNeueRegular'; src: url('/fonts/BebasNeue-Regular.ttf') format('truetype'); } 

Answer 2

After you tried many other approaches, as well as many reinstallations and checks inside the meteor and npm configurations, I just fixed this problem by clearing the data from the Chrome browser (cached images and files) and then refreshing the page.