小编JFT*_*ike的帖子

Sass/Compass字体很棒的问题(显示奇怪的字形而不是图标?)

Sass 3.4.9
Compass 1.0.1
Font Awesome 4.2

我正在用Compass编译Font Awesome 4.2(作为Sass).而不是预期的图标,我得到随机的glpyhs.我是Sass/Compass的新手.这也是我在StackOverflow上的第一篇文章(太酷了,但我希望我的问题是正确的,什么不是!).我在谷歌上搜索并搜索,直到我的筹码溢出无济于事.似乎无法找到有同样问题的其他人.

目录结构:

[public_html]
../config.rb
..[assets]
....[fonts]
....../FontAwesome.otf
....../fontawesome-webfont.eot
....../fontawesome-webfont.svg
....../fontawesome-webfont.ttf
....../fontawesome-webfont.wo
....[stylesheets]
......[css]
........screen.css
......[sass]
......../screen.scss
........[font-awesome]
........../_bordered-pulled.scss
........../_core.scss
........../_fixed-width.scss
........../_icons.scss
........../_larger.scss
........../_list.scss
........../_mixins.scss
........../_path.scss
........../_rotated-flipped.scss
........../_spinning.scss
........../_stacked.scss
........../_variables.scss
........../font-awesome.scss
Run Code Online (Sandbox Code Playgroud)

文件"config.rb":

require 'compass/import-once/activate'
http_path = "/"
css_dir = "/assets/stylesheets/css"
sass_dir = "/assets/stylesheets/sass"
images_dir = "/assets/images"
javascripts_dir = "/assets/scripts/js"
output_style = :compact
relative_assets = true
line_comments = false
Run Code Online (Sandbox Code Playgroud)

文件"public_html/assets/stylesheets/sass/screen.scss":

@import "font-awesome/font-awesome";
Run Code Online (Sandbox Code Playgroud)

文件"public_html/assets/stylesheets/sass/font-awesome/font-awesome.scss":

@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger"; …
Run Code Online (Sandbox Code Playgroud)

css sass font-awesome compass-sass compass

4
推荐指数
2
解决办法
3991
查看次数

标签 统计

compass ×1

compass-sass ×1

css ×1

font-awesome ×1

sass ×1