I have a @font-face declaration in my app.css file that kinda looks like the follows:
@font-face {
font-family:Fantastica;
src:url(../assets/fonts/fantastica.ttf) format('truetype');
font-weight:400;
font-style:normal
}
Upon running grunt build I see that the build system runs a rename of all the assets to help with browser caching here:
rev: {
dist: {
files: {
src: [
'<%= yeoman.dist %>/public/{,*/}*.js',
'<%= yeoman.dist %>/public/{,*/}*.css',
'<%= yeoman.dist %>/public/assets/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
'<%= yeoman.dist %>/public/assets/fonts/*'
]
}
}
},
This causes my fonts to get renamed, but the usemin step doesn't seem to be handling fonts correctly. This causes my fonts to not get loaded in the final built version.
I have a @font-face declaration in my app.css file that kinda looks like the follows:
Upon running
grunt buildI see that the build system runs a rename of all the assets to help with browser caching here:This causes my fonts to get renamed, but the usemin step doesn't seem to be handling fonts correctly. This causes my fonts to not get loaded in the final built version.