Css Font Awesome 4.0新语法

本周我开始使用Font Awesome，现在更新到了4.0。我的问题是：

我一直在旧版本中使用mixin，只是更新了名称。这可以合法吗，等等，因为我看到很多名字的变化

@mixin fa-FontAwesome() {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; // fixes ie7 issues
}

有人能解释一下现在使用的语法吗？我很感激任何信息，因为我是新手，正在学习SCSS和字体

例如：

{$fa css prefix}

在类名中使用数字符号和花括号。我想了解背后的逻辑

---

FontAwesome的更新网站对此进行了很好的解释

你的混音很好

该语法使用字符串插值通过变量为Font Awesome基类（即

fa

）设置前缀

例如：

$fa-css-prefix: fa;
.#{$fa-css-prefix} { ... }

将编译到此css：

.fa { ... }

其使用方式如下：

<i class="fa fa-camera-retro"></i>
.fa {
  &.fa-camera-retro {
  }
}

法兰西{
&.fa复古照相机{
}
}

---

理论上，使用变量，您可以设置自己的前缀。它不必是

fa

更新是否向后兼容（我可以使用我的旧图标类名吗）？不，它不向后兼容。