How to setup assets pipeline in rails 5 to use a custom font?

Question

I have to use a custom font Jameel Noori Nastaleeq in a rails 5 app. I have never worked with assets pipeline in rails before. Here are some of the steps I have taken:

create fonts folder in app/assets, and place the extracted ttf font file in it
add config.assets.paths << Rails.root.join("app", "assets", "fonts") in config/application.rb
add the following in app/assets/stylesheets/couplets.scss:

@font-face {
font-family: 'Jameel Noori Nastaleeq';
src:asset-url('JameelNooriNastaleeq.ttf') format("truetype");
}
Although there is no error/warnings, the above steps have no effect. Am I missing something.

I have already seen similar questions Custom Font not working in Rails Asset Pipeline Integrating @font-face files into rails asset pipeline but their answers were not helpful.

Complete code in my github repo

Imran Ali · Accepted Answer · 2017-05-08 05:29:56Z

1

I had generated the resources using scaffold. Adding desired font-family in app/assets/stylesheets/scaffold.scss fixed the problem. I have updated the github repo.

answered May 8, 2017 at 5:29

Imran Ali

2,2752 gold badges28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hovercraft Full Of Eels Over a year ago

@Todd: add your own answer if you desire, but please don't vandalize this one

Collectives™ on Stack Overflow

How to setup assets pipeline in rails 5 to use a custom font?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related