Grails 2.3 changes css font-face url to “resource:

Question

I want to include a custom font in my CSS like this:

@font-face
{
    font-family: TheFont;
    src: url(fonts/SourceSansProLight.ttf);
}

The CSS is served with Grails 2.3 and the CSS is modified to become this

@font-face
{
    font-family: TheFont;
    src: url(resource:/css/fonts/fonts/SourceSansProLight.ttf);
}

The resulting font url scheme is unknown and browsers can't open that file. Chrome, for example, reports:

GET resource:/css/fonts/fonts/SourceSansProLight.ttf net::ERR_UNKNOWN_URL_SCHEME 

/css/fonts is prepended to the original URL as well.

How can I instruct Grails to leave the font-face URL exactly as it is?

Answer 1

A better solution I think is proposed by dmahapatro at: https://stackoverflow.com/a/22849288/2286664

You need to ensure your font files are known to the Resources plugin.

The following worked for me in my Config.groovy, adapt it based on your paths:

grails.resources.adhoc.includes = [
    '/images/**', '/css/**', '/js/**', '/img/**', '/fonts/**'
]

You'll needed to run grails clean after making this change.

Answer 2

The solution was to disable CSS processing in Config.groovy:

grails.resources.rewrite.css = false

I found the tip how to do that on the Grails mailing list.