Adding fonts to asset pipeline

 Gabriel Rodríguez
Gabriel Rodríguez
March 15, 2020
Integration
Ruby
Ruby on Rails
Rails
 Adding fonts to asset pipeline

Well, first of all you have to add a new folder in app/assets called "fonts" with all your custom fonts inside.
After that you have to tell Sprockets to compile that new fonts folder.
You should add this line into your config/application.rb file:

You don’t need to do that after Rails 4.1, that folder is already added by default. You should use it if you are using another folder such as “vendor/assets/fonts”.
Last thing you need to do is reference the fonts in your css.scss using the ‘font-path’ helper.
This is an example:

 

The compiled css is going to be like this:


As you can see, each font reference has this format:

"/assets/fontawesome-webfont-3b53a5ecdb9473016ee097f74f4f16c0.eot"

More font tips?

For the font-family value, don’t use spaces:

Wrong: “Font Awesome”
Right: “FontAwesome”

Don't miss a thing, subscribe to our monthly Newsletter!

Thanks for subscribing!
Oops! Something went wrong while submitting the form.

Salesforce Integration Options: REST API, SOAP API, and Heroku Connect

In this article we break down the different options for integrating with Salesforce CRM, which are REST API, SOAP API, and Heroku Connect.

December 4, 2019
Read more ->
Integration
API
Salesforce

Consuming GraphQL endpoint using React

Learn how to use React-Apollo to consume GraphQL endpoints with this step-by-step guide.

February 13, 2020
Read more ->
React
Apollo
GraphQL
Integration

Contact

Ready to get started?
Use the form or give us a call to meet our team and discuss your project and business goals.
We can’t wait to meet you!

Write to us!
info@vairix.com

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.