Google font doesn't work when project is built with grunts

I am using the Google font, which I declared in the file .scss:

@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap";
@import "../../bower_components/font-awesome/scss/font-awesome";
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);
@import 'common';

It works when the project is not built. But when I create it (uglify / minify). He does not work.

Before building a project:

enter image description here

After creating the project:

enter image description here

I used yoman for school. These are the tasks that are performed in the 'build':

grunt.registerTask('build', [
    'clean:dist',
    'wiredep',
    'useminPrepare',
    'concurrent:dist',
    'autoprefixer',
    'concat',
    'ngAnnotate',
    'copy:dist',
    'cdnify',
    'cssmin',
    'uglify',
    'filerev',
    'usemin',
    'htmlmin'
  ]);

One of them must somehow block the Google font.

+4
source share
1 answer

This happens when your CSS file is truncated and the line is @import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);concatenated with the previous line without spaces.

, , webfonts.scss ( css )

webfonts @font-face @import. , , .

+3

All Articles