@sanjaycedti (Sanjaycedti) posted a new topic, subject "How to use fontawesome in ionic 2 rc0?". It read:

   How to use fontawesome in ionic 2 rc0 as there is no gulp/grunt file so I can add file into build process?

@pliablepixels (Pliable Pixels) replied

    I don't use Ionic 2 but I use it in Ionic 1 without any gulp/grunt.
    
    (Edit: I also found this thread - that may help you - maybe using gulp etc is a cleaner approach - but how I do it is what I've documented below)
    
    I intall font awesome, then:  
    I simply include the font awesome CSS in my index.html like so:
    [code] 
        <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
        
    [/code]
    
    In my master style.css I define a font awesome family like so:
    [code] 
        @font-face {
            font-family: 'fontawesome';
            src: url('../lib/font-awesome/fonts/fontawesome-webfont.eot');
            src: url('../lib/font-awesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../lib/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../lib/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../lib/font-awesome/fonts/fontawesome-webfont.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
    [/code]
    
    And then whenever I need custom icons from font-awesome, I just use them like this
    [code] 
        .icon-normal-speed:before {
            font-family: "fontawesome";
            content: "\f1b9";
        }
        
    [/code]
    
    And to use them in my template, its just like the normal way with the `<i class="icon-normal-speed"></i>` approach
    
    Hope this helps

After which, @scottlott (Scottlott) added

    Just ran into this issue myself and put together the solution I'm using:
    
    RC0 Injecting Custom Scripts ionic-v3
    
    > Thanks for the heads up on that pickup man! I have no idea how you found to use the “config” in your package file but it's working! You put this in the package.json file: "config": { "ionic_copy": "./copy-libs.js" } And in the root folder of your Ionic project you make a file called “copy-libs.js”, here's what I put in mine: var fs = require('fs-extra') var dependencies = [ ['node_modules/jquery/dist/jquery.min.js','www/libs/jquery.min.js'], ['node_modules/js-md5/build/m…

@zehle (Zehle) replied

    that works!!! thx a lot man!!


{'source': 'discourse', 'url': 'https://forum.ionicframework.com/t/how-to-use-fontawesome-in-ionic-2-rc0/65369', 'title': 'How to use fontawesome in ionic 2 rc0?', 'views': 2384, 'has_accepted_answer': False, 'word_count': 270, 'like_count': 2, 'reply_count': 1, 'participant_count': 4, 'posts': 4, 'tags': '', 'author': '@sanjaycedti (Sanjaycedti)', 'participants': '@sanjaycedti (Sanjaycedti), @pliablepixels (Pliable Pixels), @scottlott (Scottlott), @zehle (Zehle)', 'image_url': [None], 'created_at': '2016-10-01T19:10:57.033Z', 'last_posted_at': '2016-11-23T16:30:53.725Z'}