Problem loading font-awesome with SASS

Question

Icons when loaded are quite different.

<i class="fa fa-camera-retro fa-lg"></i> CAMERA
<i class="fa fa-facebook"></i> FACEBOOK
<i class="fa fa-github"></i> GITHUB

I’m carrying the font-awesome as follows :

have a directory sass/tools/_vendor.sass:

// Bootstrap-Sass
@import ../../bower_components/bootstrap-sass/assets/stylesheets/bootstrap

// Font-Awesome
@import ../../bower_components/font-awesome/scss/font-awesome

// Font Open-Sans
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300)

// Breakpoint-Sass
@import ../../bower_components/breakpoint-sass/stylesheets/breakpoint

// Sass Flex Mixin
@import ../../bower_components/sass-flex-mixin/flex

and a sass/main.sass minifico:

@import settings/variables

@import tools/mixins
@import tools/vendors

@import generic/reset

@import components/header

Answer 1

I switched to :

bower_components/font-awesome/scss/_variables.scss

    $fa-font-path:        "../fonts" !default;

for :

    $fa-font-path:        "/bower_components/font-awesome/fonts" !default;