Html Angular cli-如何将资产文件夹中的字体图标链接到css

如何将资产文件夹中的字体文件链接到css

我的文件夹结构如下：

src
 - assets
 -- fontfile.eot
 - styles
 -- fontstyles
 --- fonts.scss

但是当我在fonts.scss中链接fontfile.eot时

@font-face {
  font-family: 'myicons';
  src:  url('../../assets/fontfile.eot');
}

它抛出了这个错误

未找到模块：错误：无法解析 “../../assets/fonts/fontfile.eot”中的“../../assets/fonts/fontfile.eot”

当我将fontfile移动到styles文件夹中并链接它时，也会出现相同的错误

src:  url('./fontfile.eot');

如何将字体链接到css

---

我正在使用angular cli。

尝试以下方法，我认为URL中不需要引号：

@font-face {
  font-family: 'myicons';
  src:  url(../../assets/fontfile.eot) format("embedded-opentype");
}

---

请尝试以下方法，我认为您不需要在URL中使用引号：

@font-face {
  font-family: 'myicons';
  src:  url(../../assets/fontfile.eot) format("embedded-opentype");
}

---

你好试过了，但还是一样（我想字体文件没有添加到构建文件夹中。我想说的是，.scss文件不会编译到另一个文件夹中吗？您使用的路径需要与该文件夹相对，对吗？当我将fonts.scss重命名为fonts.css时，它开始工作。知道为什么吗？我将angular cli项目改为scss以测试该问题。请尝试更改。）在.scss文件中将字体路径设置为“/content/fonts/fontfile.eot”，而不管字体实际位于何处。“/content/fonts/fontfile.eot”在我的项目中对我有效，即使编译时我的fontfile位于“src/assets/fontfile.eot”/content/fontfile.eot没有给出任何错误。但是字体图标没有显示在ui上。它只是显示一个正方形。嗨。尝试过，但仍然相同：（我想字体文件没有添加到构建文件夹中。我想说的是，.scss文件不会编译到另一个文件夹中吗？您使用的路径需要与该文件夹相对，对吗？当我将fonts.scss重命名为fonts.css时，它开始工作。知道为什么吗？我将angular cli项目改为scss以测试该问题。请尝试更改。）在.scss文件中将字体路径设置为“/content/fonts/fontfile.eot”，而不管字体实际位于何处。“/content/fonts/fontfile.eot”在我的项目中对我有效，即使编译时我的fontfile位于“src/assets/fontfile.eot”/content/fontfile.eot没有给出任何错误。但是字体图标没有显示在ui上。它只是显示一个正方形。