文章/答案/技术大牛

发布

社区首页 >问答首页 >字体-无法加载令人惊叹的字体

问字体-无法加载令人惊叹的字体
EN

Stack Overflow用户

提问于 2016-02-24 00:48:27

回答 1查看 1K关注 0票数 2

我正在尝试在我的项目中使用font awesome v4.5.0。我正在使用LESS编译我的CSS，我得到了以下内容：

@import "bootstrap/bootstrap.less";
@import "minimal-devices/minimal-devices.less";
@import "angular-tour/angular-tour.less";
@import "font-awesome/font-awesome.less";
@import "my-fonts.less";
@import "my-base.less";
@import "my-media.less";
@import "sce-style.less";

我使用GulpJS创建了一个很大的css文件，这个文件在我的gulpfile.js中

gulp.task('less', function () {
    gulp.src([DIRSOURCE + 'assets/less/sce.less'])
        .pipe(less())
        .pipe(minifyCSS())
        .pipe(rename("style.css"))
        .pipe(gulp.dest(DIRDEST + 'assets/css'));
});

当我加载我的页面时，我会在控制台中显示以下内容：

Failed to decode downloaded font: http://localhost:8000/assets/fonts/fontawesome-webfont.woff2?v=4.5.0
(index):1 OTS parsing error: invalid version tag

我不确定我做错了什么，因为在我的项目中，我有一个包含font-awesome.less文件的font-awesome目录。

有人对此有什么建议吗？

css

fonts

font-awesome

回答 1

Stack Overflow用户

发布于 2016-02-24 01:06:03

问题链接到我设置的字体目录的路径。我在variables.less中的第4行更新为@fa-font-path "../fonts";，或者为了避免这种麻烦，我可以取消注释第7行，并使用下面的CDN：

//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts"; // for referencing Bootstrap CDN font files directly

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35583339

复制

相似问题

问字体-无法加载令人惊叹的字体
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体-无法加载令人惊叹的字体EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体-无法加载令人惊叹的字体
EN