使用grunt构建项目时，Google字体无法正常工作
乔
我正在使用Google字体，该字体是在.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';
未构建项目时，它正在工作。但是当我构建它时（丑化/缩小）。没用
在构建项目之前：
项目建成后：
我已经用yeoman解决了这个项目。这是在“ build”上运行的任务：
grunt.registerTask('build', [
'clean:dist',
'wiredep',
'useminPrepare',
'concurrent:dist',
'autoprefixer',
'concat',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin'
]);
其中之一必须以某种方式阻止google字体。
德鲁·哈蒙德（Drew Hammond）
当您的CSS文件被丑化并且该@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);行与没有空格的前一行连接时，会发生这种情况。
虽然不理想，但我发现为这些类型的导入创建单独的webfonts.scss文件可解决此问题（但会创建一个额外的CSS文件以加载到您的应用中）
或者，您可以从webfonts文件中获取内容，然后将@font-face规则直接复制到样式表中，而不必使用@import。这似乎不太容易出错。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用grunt构建项目时Fontawesome无法正常工作
- 2
使用grunt构建项目时Fontawesome无法正常工作
- 3
Google字体无法正常工作
- 4
使用Affectiva SDK构建Unity项目后无法正常工作
- 5
在Linux下使用libcurl构建项目无法正常工作
- 6
grunt构建后angularjs代码无法正常工作
- 7
使用Affectiva SDK构建Unity项目在构建后无法正常工作
- 8
Powershell Tools模块项目构建无法正常工作
- 9
使用innerHTML时JavaScript无法正常工作
- 10
使用变量时，sed无法正常工作
- 11
使用Proguard时，gmailsender无法正常工作
- 12
使用innerHTML时JavaScript无法正常工作
- 13
Gradlew构建无法正常工作
- 14
Angular JS应用无法在Grunt Compile上正确构建，（最小化）在Grunt watch / build上工作正常
- 15
保存多个项目时AsyncStorage无法正常工作
- 16
无法使用grunt构建AngularJS
- 17
使用jQuery构建的HTML Dropdownlist无法正常工作
- 18
Grunt Copy Flatten无法正常工作
- 19
Jasper报告：字体扩展无法正常工作
- 20
字体无法在Safari中完全正常工作
- 21
字体背景颜色无法正常工作
- 22
使用 Grunt + Git 为 JavaScript 项目构建增量更新的工作流
- 23
Codeigniter查询构建器无法正常工作
- 24
jQuery的构建数组无法正常工作
- 25
url 无法实时工作，但在本地用于 cakephp 项目时工作正常
- 26
使用 sbteclipse 构建 scala 项目时无法下载 jars？
- 27
使用多个Grunt任务解析多个文件时正常的工作流程是什么
- 28
使用多个Grunt任务解析多个文件时正常的工作流程是什么
- 29
Google Earth无法正常工作
我来说两句