SASS - 在文件

时间:2017-03-15 18:18:59

标签: css sass

我有一个引用CSS文件的网页。此CSS文件是从SASS文件生成的。这个SASS文件已经适合我一段时间了。现在,我需要从自定义目录导入glyphicons。在我的应用程序中其他地方使用的CSS文件中,我有以下内容:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/pub/fonts/glyphicons-halflings-regular.eot');
  src: url('/pub/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
       url('/pub/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
       url('/pub/fonts/glyphicons-halflings-regular.woff') format('woff'), 
       url('/pub/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
       url('/pub/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }

这适用于CSS文件。但是,当我将它添加到我的.scss文件时,它似乎不起作用。虽然我没有看到任何错误,但我不能在其他CSS类中使用“Glyphicons Halflings”作为font-family值。

我正在尝试使用以下内容:

.checkmark {
    color: #fff;
    content: "\f00c";
    font-family: "Glyphicons Halflings";
}

我在屏幕上看到的唯一一件事是白盒子。

如何在SASS文件中使用font-family mixin?

0 个答案:

没有答案