Angular 2 routing from one component to another then CSS is not applied

Question

When I route from one component to another then CSS is not applied for that new component. But when I inspect the element it shows css properties are applied to the element but not rendered. But when I refresh the page or even close the dev tools then that element is displayed on screen immediately without making any changes.

So not sure how to go about resolving this issue.

Answer 1

This issue was related to fonts. As we are using angular-cli which uses webpack to bundling. Webpack was unable to bundle fonts properly which was causing it to not render the elements correctly. Its a known issue in angular-cli https://github.com/angular/angular-cli/issues/1463