title: How to import external font in Angular 4 project?
body: <p>I have <code>styles.less</code> in the root of my ng project where I am importing a google font:</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&amp;subset=cyrillic');
  </code></pre>
  
  <p>But the error occurs:</p>
  
  <pre><code>Failed to compile.
  
  ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/less-loader/dist/cjs.js?{"sourceMap":false}!./src/styles.less
  Module build failed: 
  
  @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&amp;subset=cyrillic');
  
  ^
  Can't resolve './https://fonts.googleapis.com/cssfamily=PT+Sans:400,700&amp;subset=cyrillic' in 'C:\apps-dev\ldrm\src' in C:\apps-dev\ldrm\src\styles.less (line 1, column 0)
  
  @./src/styles.less 4:14-187
  
  @multi ./src/styles.less
  </code></pre>