# Getting Font Awesome Working On Rails 7 and Bootstrap albeit Perhaps Poorly

DevFeed: [Getting Font Awesome Working On Rails 7 and Bootstrap albeit Perhaps Poorly](<https://devfeed.tech/articles/getting-font-awesome-working-on-rails-7-and-bootstrap-albeit-perhaps-poorly-28280.md>)

Original publisher: [Read original article](<http://fuzzyblog.io/blog/rails/2022/06/08/getting-font-awesome-working-on-rails-7-and-bootstrap-albeit-perhaps-poorly.html>)

Author: Fuzzygroup

Published: 2022-06-08T17:27:00Z

Content type: tutorial

Language: en

Sources: [Scott Johnson](<https://devfeed.tech/sources/scott-johnson.md>)

Topics: [Rails](<https://devfeed.tech/topics/rails.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [blog-post](<https://devfeed.tech/tags/blog-post.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [css](<https://devfeed.tech/tags/css.md>), [fontawesome](<https://devfeed.tech/tags/fontawesome.md>), [front-end-development](<https://devfeed.tech/tags/front-end-development.md>), [html](<https://devfeed.tech/tags/html.md>), [rails](<https://devfeed.tech/tags/rails.md>)

## AI overview

A blog post documents a simple, imperfect method for adding Font Awesome, including its brands extension, to a Rails 7 application, and also explains how to add Bootstrap 5 icons. The approach downloads the assets locally, places files in Rails asset and public directories, updates the asset manifest and configuration, and adjusts stylesheet paths.

## Source excerpt

I am not a front end engineer - but I'm on a project right now with heavy front end requirements. This blog post documents how I got Font Awesome running on by application including the brands extension. It is by no means a great way to do it and I know: I have more overhead than needed I did not take advantage of Rails 7 facilities in the best way This skips the gem so you lose another dependency from Gemfile I made this work and I sort of understand it but if you asked me to explain it, I think I'd fail the class. Today I wanted to do nothing more than display a github icon. And it does that. Still this works and it is conceptually simple. NOTE: I full well expect to return to this and figure out the "right" way to do this. However, I'm in heavy greenfield development mode and the desire to simply make it work and GIVE ME MY DAMN ICONS NOW is the paramount concern. In greenfield development mode, nothing is more important than: Productivity / not getting bogged down. Not getting discouraged when trying to do something that should be simple (display a damn icon). So much of modern front end development is just plain ridiculously complicated for simple things like making a font work or displaying an image. Font Awesome Steps Download Font Awesome Locally and Decompress It. This requires an account I think. Move stylesheets/all.css to app/assets/stylesheets/ Move webfonts (directory and all) to public/ (yes public) Add //= link all.css to manifest.js In config/initializers/assets.rb add: Rails.application.config.assets.paths " Rails.root.join("assets/webfonts") (yes that isn't the right path but it still works; who knows???) In application.html.erb you need to make one change. This code: <%= stylesheet_link_tag "all"%> Here's an example of the html to use to generate a font: <i class="fas fa-github"></i> <i class="fas fa-camera"></i> Sidebar: How to Add Bootstrap Icons Also This set of steps let you add the Bootstrap 5 icons to the mix also and is based on the same i