Grails 3 how to include font-awesome fonts

Question

this post has half the process for using font awesome in a project. The steps are:

download font-awesome zip and extract into grails-app/assets/fonts dir.
modify build.gradle to add includes = ["fonts/*"] under assets
?
Use the font in your code, e.g.

< i class="fa fa-camera-retro fa-4x"> fa-4x

The question is, what is step 3? I assume there are two options:

put something like < link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> at the top of your gsp page, but what is the path? I tried guessing, e.g. href="/assets/fonts/css/font-awesome.min.css" but this does not work even after restart.
Put something in application.css. I have no idea what this could be, as it currently only refers to files in its own directory. I even read the manual, but could not figure it out. The manual mentions "*= require font-awesome" but presumably this requires more code somewhere as it doesn't work.

Any suggestions? Grails certainly makes some very hard things easy, but it also makes some easy things hard.

Jordi Vilaplana Jordi Vilaplana · Accepted Answer · 2017-07-11T05:40:46

You may have to change the directory references inside the fontawesome.css file. Try for a replace of all the references to ../fonts/fontawesome for fontawesome and check if it works.

This assumes having the font-awesome.css file inside the assets/stylesheets directory and the fonts inside the fonts directory. Then, in build.gradle you should have something like:

assets {
    minifyJs = true
    minifyCss = true
    includes = ["fonts/*"]
}

In your layout GSP file's (main.gsp) <head> you should have something like:

<asset:stylesheet src="application.css"/>

Finally, in your application.css you should have something like:

*= require font-awesome

The require should have the same name as the CSS file without the .css extension. So, if you have the minified version of font-awesome it should look like this instead:

*= require font-awesome.min

Note that by doing that you don't need to add the CSS include to GSP pages.

Grails 3 how to include font-awesome fonts

3 Answers