Fonts are not loaded when the project is builded

[puikinsh]

Fonts are not loaded when the project is builded

[jepperaskdk]

Try updating webpack/rules/fonts.js to the following. Update outputPath as you wish and it should be reflected in bundle.js.

module.exports = {
  test: /\.(eot|svg|ttf|woff|woff2)$/,
  exclude : /(node_modules)/,
  loader: 'file-loader',
  options: {
    outputPath: 'assets/fonts/',
  },
};

[acsel31]

Find in result js files (vendor.js and bundle.js) next code:
t.exports=a.p+"a1ecc3b826d01251edddf29c3e4e1e97.woff"
and replace it as you need (delete a.p and write your path)
In my case a.p=="/" and i have no symbols.
Maybe, this option can configured in building files, but i don't known
Sorry, i not speak english.

Oh, in file webpack/config.js:
publicPath: 'your path to files', default is '/'

[kevinrjn]

Same problem. I'm trying to integrate this template into an angular project but fonts having to be in the root folder is a big issue. Someone here to help us please ? Thanks

[AndreiCN]

@JiProchazka did you find a solution for this in the meantime ?

[krzysiekpiasecki]

@JiProchazka Can't reproduce. Still got the problem?

[anzolin]

@JiProchazka what happened to you happened to me and if you do as @acsel31 said, you will succeed. If you want, I can pass the changed files to you.

[krzysiekpiasecki]

@AndreiCN Did you reproduce this defect? See also the latest deploy http://adminator.surge.sh/index.html. No problem with fonts.

[krzysiekpiasecki]

@AndreiCN @JiProchazka is no more active on this issue. I propose to close this issue.

[krzysiekpiasecki]

Close due to inactivity

[jrichardsz]

If I create a new html inside a folder I get the same error

Inspecting , I see that font is loaded from:

http://localhost:8080/settings/a1ecc3b826d01251edddf29c3e4e1e97.woff

Due to my url http://localhost:8080/settings/page

I fixed it, following the @acsel31 workaround:

replace in bundle.js
a.p+"a1ecc3b826d01251edddf29c3e4e1e97.woff"
to
"/a1ecc3b826d01251edddf29c3e4e1e97.woff"

Is the another more elegant way to fix this?