Question

我正在尝试（徒劳）让字体在本地运行。我已经安装了https://github.com/components/font-awesome，页面底部有一行说明：

这是重要的部分，默认字体文件夹与编译的bower文件位于不同的路径上。我们需要将字体从默认字体文件夹移动到已编译的bower文件夹（在示例供应商中是已编译的文件夹）。

现在我正在使用grunt，而不是gulp，我也在使用sass。所以，在我的sass中我做到了这一点：

@import "../../bower_components/components-font-awesome/scss/fa-brands";
@import "../../bower_components/components-font-awesome/scss/fa-regular";
@import "../../bower_components/components-font-awesome/scss/fontawesome";

其中包含正确的fa字体等。然后在上面的文本之后，我在我的gruntfile中创建了一个规则：

fonts: {
  expand: true,
  cwd: 'bower_components/components-font-awesome/webfonts/',
  src: '*',
  dest: '<%= yeoman.app %>/fonts'
}

但是当我尝试使用grunt serve -o加载我的网站时，我收到了以下消息：

无法解码下载的字体：http://localhost:9000/webfonts/fa-regular-400.woff2

所以我可以看到它正在寻找一个不同的目录，所以首先我把它添加到我的sass中：

$fa-font-path: "/fonts";

但这也不起作用。所以我决定将复制规则更改为实际复制到 / webfonts ，但仍然没有下载任何图标。我已经阅读了一些帖子（有类似问题的人），他们说这条路是相对的。所以我决定将字体和目录复制到他们可能需要的任何地方：

/网络字体
/资产/网络字体
/风格/网络字体
/字体

即便这样，也没有加载任何字体。当然有人知道如何解决这个问题？

components-font-awesome和angularjs本地测试

0 个答案: