Problem loading font-awesome with SASS

Question

Problem loading font-awesome with SASS

Navigation

#1 by (1 votes)

1

The icons when loading are very 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 am loading font-awesome as follows:

I have a sass/tools/_vendor.sass directory:

// 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 i minimize:

@import settings/variables

@import tools/mixins
@import tools/vendors

@import generic/reset

@import components/header

css3 sass font-awesome

asked by anonymous 02.11.2016 / 19:43

1 answer

How to compare a date of type datetime? Editing in the ListView

score 1 · Accepted Answer

I traded in:

bower_components / font-awesome / scss / _variables.scss

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

To:

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