Css SASS-字体面无法使用正确的路径

我最近开始使用SASS，我想导入两种字体，蒙特塞拉特和开放式SAN。通常在CSS中，您按照

@font-face {
    font-family: 'Montserrat'
    src: url('../../webfonts/Montserrat.ttf');
}

而且效果很好。如果我的文件结构如下所示

CSS
   Base
     typography.sass
Webfonts
   Montserrat.ttf

但是我把下面的代码放在我的SASS文件中

@font-face
  font-family: 'Montserrat'
  src: url("../../webfonts/Montserrat.ttf")

@font-face
  font-family: 'Open Sans'
  src: url("../../webfonts/OpenSans.ttf")
  src: url("../../webfonts/OpenSans.ttf?iefix") format("embedded-opentype")

---

但是字体不加载。我在这个话题上试过类似的问题，但都没有成功。这个问题可能是什么？

如果您的文件夹名是

Webfonts

，并且您使用

url（“../../Webfonts/…

）引用它，那么您的答案就在那里（小写与大写w/w）

另外，您的代码示例会产生一个双

src

属性。我不知道它是否与问题有关

@font-face
  font-family: 'Open Sans'
  src: url("../../webfonts/OpenSans.ttf")
  src: url("../../webfonts/OpenSans.ttf?iefix") format("embedded-opentype")

上面的代码编译成这样，

src

每次都会覆盖自身：

@font-face {
  font-family: "Open Sans";
  src: url("../../webfonts/OpenSans.ttf");
  src: url("../../webfonts/OpenSans.ttf?iefix") format("embedded-opentype");
}

src

属性只应设置一次，但应使用多个值。我认为这将在Sass中起作用：

@font-face
  font-family: 'Open Sans'
  src: url("../../webfonts/OpenSans.ttf"), url("../../webfonts/OpenSans.ttf?iefix") format("embedded-opentype")

---

文件夹名为webfonts。大写字母W是我的错，但代码仍然不起作用。当路径正确时，它显示

GET link net:：ERR\u中止404（未找到）