我有一个引用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?