我正在尝试在Web Compass项目中使用FontAwesome。由于FontAwesome页上没有特定的文档，并且我没有使用Bootstrap，因此我遵循了“不使用Bootstrap？”一文。指示，但无法使其正常工作。
我没有发现特定错误，无论是未找到还是编译错误。它只是不显示任何内容，没有图标或文本。FontAwesome字体文件似乎没有加载。
font-awesome目录project/css/font-awesomefont-awesome.scss像这样将文件导入我的主要sass样式表中@import url("font-awesome/scss/font-awesome.scss");font-awesome.scss文件并更改导入路径，现在相对于我的css编译文件，如下所示@import url("font-awesome/scss/_variables.scss");_variables.scssfont-awesome / scss目录内的partial，并将其@FontAwesomePath从默认的更改为"font-awesome/font/"，以匹配webfonts所在的位置<i class="icon-camera-retro"></i> Some text在我的主要sass文件中，添加了@font-face声明
@include font-face('FontAwesome',
font-files(
'font-awesome/font/fontawesome-webfont.woff', woff,
'font-awesome/font/fontawesome-webfont.ttf', ttf,
'font-awesome/font/fontawesome-webfont.svg', svg),
'font-awesome/font/fontawesome-webfont.eot');
%icon-font {
font-family: 'FontAwesome', Helvetica, Arial, sans-serif;
}
在选择器中扩展字体
.icon-camera-retro {
@extend %icon-font;
}
使用编译我的主要青菜样式表compass --watch没有任何错误
为了澄清，这是我的项目的结构：
root
sass
mainsass.scss
css
font-awesome
css
font-awesome.css
font
font-archives.ttf/.woff/etc
scss
_partials (_variables.scss, _path.scss, _core.scss, etc)
font-awesome.scss
fonts
some-custom-font.ttf
mainsass.css
因此，如果有人读过这里（对此我已经表示赞赏），请问有什么想法吗？
好的，我对此有所帮助，并且路径是主要问题。我将在这里解释它们，以防它对我的位置有所帮助。
问题是：确实，字体文件没有加载
错误：主要与路径以及@import的指南针和萨斯行为有关
我上述步骤的更正：
1）您不能在那上面做错...
2）首先，不要将整个文件夹放在css目录中。每种类型的文件都应放在其目录中，因此sass目录下的.scss文件，css / fonts目录下的字体文件（.ttf，.woff等）。
由于工作方式，这在Sass中很重要@import。在萨斯参考说
Sass在当前目录以及Rack，Rails或Merb下的Sass文件目录中查找其他Sass文件。可以使用：load_paths选项或命令行上的--load-path选项指定其他搜索目录。
我忽略了这一点，并将我的.scss文件放在其他目录中，这就是为什么通常@import找不到它们的原因。这将我们引向下一点。
3）尝试将.scss文件作为url（）导入是很愚蠢的，我之所以这样做是因为常规文件@import无法正常工作。一旦font-awesome.scss文件位于我的sass目录中，我现在可以@import "font-awesome/font-awesome.scss"
4）此处相同，@import路径是相对于.scss文件的，并且只要font-awesome.scss及其部分位于同一文件夹中，无需触摸它们。
5）是的，您需要更改@FontAwesomePath来匹配您的字体目录
6）确定您需要一个HTML示例进行测试，所以在这里好
7）这是不必要的，它已经在我要导入的font-awesome.scss中。干燥。
8）与上述相同，也不必要。
9＆10）是的，女孩，干得好
因此，您可以从中学到什么：两次检查您的路径，同时考虑到Sass中的@import仅在当前sass目录中看起来（默认情况下）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句