Fonts linked are linked to wrong path in production

Created by: Booli

Description

Links to fonts imported from CSS have wrong link in production CSS file.

Expected behavior

Imported fonts in CSS load correctly in production and are loaded from static/media Tell us what you think should happen.

Actual behavior

Font files from CSS are linked to ./static/css/static/media and therefore 404. line in generated main.css @font-face{font-family:Mana;src:url(./static/media/mana.9e4b11ee.eot);

http://localhost:8080/static/css/static/media/mana.b561ddbf.woff Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/static/css/static/media/mana.059227ff.ttf Failed to load resource: the server responded with a status of 404 (Not Found)

Environment

react-scripts@0.8.5 v7.5.0 4.1.2

macOS El Capitan Any Browser

Link to repo with error: https://github.com/Booli/simmer

package.json

  "name": "simmer",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.5",
    "sw-precache": "^4.3.0"
  },
  "dependencies": {
    "mana-font": "^1.2.0",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "rebass": "^0.4.0-beta.9",
    "reflexbox": "^2.2.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "homepage": "./"
}

Or I am misunderstanding how to import the fonts