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

Question

如何将assets文件夹中的字体文件链接到我的css？

我的文件夹结构如下，

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

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

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

它会抛出此错误，

  

找不到模块：错误：无法解决   'myproject / src / styles'中的'../../assets/fonts/fontfile.eot'

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

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

如何将我的字体链接到我的CSS？

我正在使用angular-cli。

Answer 1

请尝试以下操作，我认为您在网址中不需要引号：

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