Fonts not serving from dist : WebPack

[a5hik]

angular-cli: local (v1.0.0-beta.11-webpack.2, branch: master)
node: 6.2.1
os: darwin x64

I placed the fonts in "assets/fonts/xxx.woff2" I can see that is placed in the "dist" Dir.

I have the below config in my angular-cli.json file

"apps": [
{
"root": "src",
"outDir": "dist",
"assets": "assets",
"index": "index.html",
"main": "main.ts",
"test": "test.ts",
"tsconfig": "tsconfig.json",
"prefix": "app",
"mobile": false,
"styles": [
"styles.scss"
],
"scripts": [
],
"environments": {
"source": "environments/environment.ts",
"prod": "environments/environment.prod.ts",
"dev": "environments/environment.dev.ts"
}
}`

And I'm referring the fonts like this in my scss..

@font-face { font-family: 'Roboto-Regular'; src: url('/assets/fonts/Roboto-Regular.woff2') format('woff2'); }

However I dont see the fonts loaded in the web page. Wheres the problem ?

[a5hik]

It's a problem with the order, which the styles are loaded in angular-cli.json

"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "styles.scss"

It is resolved after changing the order above.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}