twitter-bootstrap-rails Some Awesome Font elements are not shown

Some Awesome Font elements are not shown

Open barcala opened this issue 9 years ago • 7 comments

I'm developing an application with rails 4.2.0 and twitter-bootstrap-rails 3.2.0. When I put in my layout.html.erb something like:

  <%= menu_group do %>
    <%= menu_item root_path do %>
        <i class="icon fa fa-home fa-fw"></i> <%=t('links.home')%>
    <% end %>
    <%= menu_item data_path do %>
        <i class="icon fa fa-th fa-fw"></i> <%=t('links.data')%>
    <% end %>
    [...]

Awesome "characters" fa-home and fa-th are shown normally, but if I replace them with bar-chart or line-chart these awesome elements are not shown.

My bootstrap_and_overrides.css.less content is:

@import "twitter/bootstrap/bootstrap";

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: font-url("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: font-url("fontawesome-webfont.eot?#iefix");
@fontAwesomeWoffPath: font-url("fontawesome-webfont.woff");
@fontAwesomeTtfPath: font-url("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: font-url("fontawesome-webfont.svg#fontawesomeregular");

// Font Awesome
@import "fontawesome/font-awesome";

// Glyphicons
//@import "twitter/bootstrap/glyphicons.less";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @link-color: #ff0000;

@navbar-height: 40px;

Any hint about what could be wrong?

Thank you.