Skip to content

Font-Awesome css is not getting loaded in Version 3, from grunt file to index.html #1466

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
hb-github opened this issue Dec 7, 2015 · 3 comments
Labels

Comments

@hb-github
Copy link

I just downloaded newer version on this generator i.e 3.0.0 but from grunt serve in dev mode font-awesome is not getting injected in index.html.

I tried this but nothing is working


{
                        // include font-awesome webfonts
                        expand: true,
                        dot: true,
                        cwd: '<%= yeoman.client %>/bower_components/font-awesome',
                        src: 'fonts/*',
                        dest: '<%= yeoman.dist %>/public/assets'
                    }, {
                        // include bootstrap webfonts
                        expand: true,
                        dot: true,
                        cwd: '<%= yeoman.client %>/bower_components/bootstrap/dist',
                        src: ['fonts/*.*'],
                        dest: '<%= yeoman.dist %>/public/assets'
                    },

added below line usemin.patterns:

css: [
                        [/(..\/fonts\/)/g, 'Fix webfonts path', function(match) {
                            return match.replace('../fonts/', '../assets/fonts/');
                        }]
                    ]

Any help appreciated!

@Awk34 Awk34 added the question label Dec 7, 2015
@Awk34
Copy link
Member

Awk34 commented Dec 7, 2015

Font-Awesome doesn't get injected into index.html directly. Which CSS format did you select?

The Font-Awesome CSS and font gets loaded in app.css.

@hb-github
Copy link
Author

This is the selection while I created new project:

"filters": {
            "js": true,
            "babel": true,
            "html": true,
            "css": true,
            "uirouter": true,
            "bootstrap": true,
            "font-awesome": true,
            "uibootstrap": false,
            "socketio": true,
            "auth": true,
            "models": true,
            "mongooseModels": true,
            "mongoose": true,
            "oauth": true,
            "googleAuth": true,
            "facebookAuth": true,
            "grunt": true,
            "jasmine": true,
            "mocha": false,
            "should": false,
            "expect": false
        }

Font-Awesome CSS is not getting loaded so thats why I am not able to see icons in Login page for FB and google buttons.If I explicitly give ref in index.html for css then its working fine.

<!-- bower:css -->
     <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />
<!-- endbower -->

@Awk34
Copy link
Member

Awk34 commented May 11, 2016

Closed due to inactivity

@Awk34 Awk34 closed this as completed May 11, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants