Font Awesome Bootstrap

Question

我正在为我的应用程序使用bootstrap框架，并希望在框架内使用该字体，但是当我使用glypicon时，它将我的字体更改为看起来像new times roman。我正在使用Razor的ASP MVC。我试图通过改变FA中的字体来确定目标，但它似乎影响了图标本身，只显示了一个正方形。任何帮助将不胜感激

<div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li>
                    @Html.ActionLink(" Dashboard", "Index", "Home", null, new { @class = "fa fa-tachometer" })
                </li>
                <li>
                    @Html.ActionLink(" Bookings", "Index", "Booking", null, new { @class = "fa fa-book" })
                </li>

                <li>
                    @Html.ActionLink(" Jobs", "", "Jobs", null, new { @class = "fa fa-wrench" })
                </li>
                <li>
                    @Html.ActionLink(" Manage Mechanics", "Mechanics", "Mechanic", null, new { @class = "fa fa-group" })
                </li>
                <li class="dropdown" id="reports">
                    <a href="#" class="dropdown-toggle fa fa-folder-open" data-toggle="dropdown">Reports</a>
                    <ul id="stats" class="dropdown-menu alert-dropdown">
                        <li>@Html.ActionLink(" Mechanic Ranking", "Rankings", "Report", null, new { @class = "fa fa-pie-chart" })</li>
                        <li>@Html.ActionLink(" Mechanic Stats", "MechanicStats", "Report", null, new { @class = "fa fa-line-chart" })</li>
                        <li>@Html.ActionLink(" Mechanic Jobs", "MechanicJobs", "Report", null, new { @class = "fa fa-area-chart" })</li>
                        <li>@Html.ActionLink(" Category Stats", "JobCategoryStats", "Report", null, new { @class = "fa fa-bar-chart" })</li>
                    </ul>
                </li>

            </ul>
        </div>