Blookynのグローバルナビに Font Awesome のアイコンフォントを挿入

blooklyn.menu.html

<div id="trigger-point">
</div>
<div id="global-menu">
    <div id="mobile-head">
        <div id="nav-toggle">
            <div>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <ul class="global-menu-list">
        <li><a href="ここにリンク先のアドレス"><i class= から始まる Font Awesome で取得したコード></i> ここにメニューの名前</a></li>
        <li><a href="ここにリンク先のアドレス"><i class= から始まる Font Awesome で取得したコード></i> ここにメニューの名前</a></li>
        <li><a href="ここにリンク先のアドレス"><i class= から始まる Font Awesome で取得したコード></i> ここにメニューの名前</a></li>
        <li><a href="ここにリンク先のアドレス"><i class= から始まる Font Awesome で取得したコード></i> ここにメニューの名前</a></li>
        <li><a href="ここにリンク先のアドレス"><i class= から始まる Font Awesome で取得したコード></i> ここにメニューの名前</a></li>
    </ul>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(function (){
    // 変数に代入
    var $nav = $('#global-menu');
    var $content = $('#content');
    var $offsetTop = $('#trigger-point').offset().top;
    // 固定メニューの設定
    function fixedNav() {
        if($(window).scrollTop() > $offsetTop){
            $nav.addClass('fixed');
        } else {
            $nav.removeClass('fixed');
        }
    };
    $(window).scroll(fixedNav);
    $('body').on('touchmove', fixedNav);
    // Toggle メニューの設定
    $('#nav-toggle').click(function (){
        $nav.toggleClass('open');
    });
    $('#content').click(function (){
        if($nav.hasClass('open')){
            $nav.removeClass('open');
        }
    })
});
</script>