How you can load external css style?

To allow a load of external CSS styles in Angular 2 to affect component contents, we have to change view encapsulation which presents styles to components referring “bleed into”.

@Component({
   selector: 'some-component',
   template: '<div></div>',
   styleUrls: [
      'https://bestinterviewquestion.com/style.css',
      'app/local.css'
   ],
   encapsulation: ViewEncapsulation.None,
})
export class SomeComponent {}