Webpack: Failed to decode downloaded font: OTS parsing error: invalid version tag

Description

Since v0.6.1, I’m having an issue with the font I’m using. I was on 0.2.1 before.

Failed to decode downloaded font:
OTS parsing error: invalid version tag

Expected behavior

The font should be loaded properly and displayed correctly.

Actual behavior

The font is not displayed and an empty rectangle appear in place of the font/icon

Environment

react-scripts@0.6.1 node v4.5.0 npm 2.15.9

Operating system: OSX 10.11.5 El Capitain Browser and version: Chrome 53.0.2785.116 64b

Reproducible Demo

Font samples here : https://www.dropbox.com/sh/9gpxshq0t4x1j8n/AABuyhDqcMCQ3egSBa25Pdp3a?dl=0

[HugoGresse]

I’ve finded the issue…

The fonts was located in public/fonts/ and css in public/css/. The font was loaded from the css with url(fonts/myfont.woff) so the font should have been placed in public/css/fonts. Stange about this issue though.

[lualparedes]

My two cents: I was able to solve the issue importing the fonts from the index.scss (.css) file in the src/ folder:

// In /src/index.scss
@font-face {
    font-family: 'hk_groteskregular';
    src: url('./assets/fonts/hk_grotesk/hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/hk_grotesk/hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}