Use the font awesome library with Ratchet

Question

I am building an app with ratchet and am trying to use the font awesome library but nothing seems to work. I have tried:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

and

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

but nothing seems to work.

What I have tried is downloading the font awesome files and placing them inside my project folder I then try to call upon an icon as such:

<div class="card">
            <ul class="table-view">
                <li class="table-view-cell media">
                    <a class="navigate-right">
                        <span class="media-object pull-left"><i class="fa fa-line-chart"></i></span>
                        <div class="media-body">
                            Reserve a Table
                        </div>
                    </a>
                </li>
            </ul>
        </div>

This will render properly on google chrome in the emulation mode. Yet when I upload this to phonegap and use it on my phone the icon does not show up anymore.

Any ideas? I am using Phonegap to compile my code.

Thanks