Installation template wrapbootstrap

Asked

Viewed 415 times

2

I bought the Genius Bootstrap template and had a problem using it with Rails.

I have taken the following steps: I created a new app( Rails new experiment) [ Rails 3.2.13] I moved the contents of the template’s Assets folder to vendor/Assets I changed the references in the images, both in index.html.erb and in style.css

I added the fonts folder in vendor/Assets/ I added the line: config.assets.paths << Rails.root.Join("app", "Assets", "fonts") in the application.Rb I renamed the font-awesome.css file to font-awesome.css.scss.erb and changed the @font-face statement to the style:

@font-face {
    font-family: "FontAwesome";
    src: url('<%= asset_path('fontawesome-webfont.eot')%>');
    src: url('<%= asset_path('fontawesome-webfont.eot?#iefix')%>') format('eot'), url('<%=    asset_path('fontawesome-webfont.woff')%>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf')%>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg#FontAwesome')%>') format('svg');
    font-weight: normal;
    font-style: normal;
}

However, it seems that this part of the fonts (and glyphicons) does not render (and should be the cause of the left and footer menu disappearing). The following images show how the site was and only missed that part even

http://imageshack.com/a/img801/9144/dn3t.png

http://imageshack.com/a/img841/4690/2pzk.png

Anyone there experience with bootstrap theme installation or has already used this theme specifically?

I already researched enough and contacted the creator of the template, but it does not take out Rails, therefore, I was not successful =(

  • you are using the Asset-pipeline and have included the font-awesome.css.scss.erb in the application.css?

  • Talles, try to be more specific about your question, I understand you explained the whole process, but the final doubt is not very clear.

1 answer

1

Talles, it would be interesting if you check if in the compiled css the path to the fonts is working properly.

I implemented a wrapbootstrap theme these days and used the following snippet to get the font URL correctly:

<%= font_path('fontawesome-webfont.eot')%>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.