我的 gulp iconfont 渲染得像一个丑陋的实时跟踪图标答案

【问题标题】：My gulp iconfont renders like an ugly live traced icon我的 gulp iconfont 渲染得像一个丑陋的实时跟踪图标
【发布时间】：2017-07-03 14:10:32
【问题描述】：

当我放大导航时，我注意到我的图标看起来不对劲。我正在使用 Gulp-iconfont（npm 包），只有默认模板和样式，如链接中所述。

我的 HTML：

<li class="pageNav_metaItem">
 <a href="#" class="pageNav_metaLink"><i id="open-apps-bar" class="icon-apps"></i></a>
</li>

谁能帮我解决这个问题？

【问题讨论】：

【解决方案1】：

作为I see，你所有的图标都感觉不舒服。要修复它，请将fontHeight 设置添加到gulp-iconfont 配置中：

// ...
.pipe(require('gulp-iconfont')({
    fontName: 'icons',
    formats: ['eot', 'woff', 'woff2'],
    fontHeight: 1024
}))
// ...

【讨论】：