Question

我之前已经问过这个问题，但是找不到任何具体的解决方法。

我做了一个以前的MVC项目，其中字形图标工作得很好。

我正处于另一个无法正常工作的项目中。但是，我从其他人手中接过的这个项目是一个 Web表单项目。我看了一下源代码，并且有用于图标的span标签，但它们没有显示在按钮上。似乎一切都已到位。

字形的图标出现在fonts目录中。

有人可以让我知道我可能会缺少什么吗？

编辑：发布字形不显示的代码。

以下是两个按钮的代码，“停止”＆amp; “的惩罚”。

<div class="col-md-4">
                                                <button class="btn btn-primary" id="btnStop"><span class="glyphicon glyphicon-stop"></span>Stop</button>
                                                <button class="btn btn-warning" id="btnPenalize"><span class="glyphicon glyphicon-exclamation-sign"></span>Penalize</button>

                                            </div>

以下是两个不显示字形的按钮的屏幕截图： enter image description here

编辑＃2 - 使用Firefox按钮 enter image description here

你可以在第一张图片中看到是用IE浏览器。在第二个图像中，您可以看到字形图标尝试出现在Firefox中，但只是空方块。

以下是所有链接的主页代码...

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link href="../Content/lib/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../Content/lib/assets/css/datepicker.css" rel="stylesheet" />
    <link href="../Content/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../Content/assets/css/ace-fonts.css" rel="stylesheet" />
    <link href="../Content/assets/css/ace.min.css" rel="stylesheet" />
    <link href="../Content/assets/css/ace-skins.min.css" rel="stylesheet" />
    <link href="../Content/assets/css/ace-rtl.min.css" rel="stylesheet" />
    <link href="../Content/bootstrap-switch/bootstrap2/bootstrap-switch.min.css" rel="stylesheet" />
    <%--<link href="../Content/lib/assets/css/styling-02.css" rel="stylesheet" />--%>
    <link rel="Stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <%--<link href="../Content/lib/assets/css/ui.jqgrid.css" rel="stylesheet" />--%>
    <link rel="../content/lib/assets/css/ace-skins.min.css" />
    <link rel="../content/lib/assets/css/ace-rtl.min.css" />
    <link href="../Content/lib/assets/css/js-css-menu.css" rel="stylesheet" />
    <link href="../Content/lib/assets/css/js-css-menu.min.css" rel="stylesheet" />

            <!-- page specific plugin styles -->
    <link rel="stylesheet" href="../Content/assets/css/jquery-ui.min.css" />
    <link rel="stylesheet" href="../Content/assets/css/datepicker.css" />
    <link rel="stylesheet" href="../Content/assets/css/ui.jqgrid.css" />

    <style type="text/css">
        .auto-style3
        {
            left: 0px;
            top: 7px;
        }
    </style>
<%-- main page styling  --%>
    <link href="../Content/ryder/css/ryder.css" rel="stylesheet" />

    <script src="../Scripts/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
    <script src="../Scripts/knockout-3.1.0.debug.js"></script>
    <script src="../Content/lib/assets/js/bootstrap.min.js"></script>
    <script src="../Content/lib/assets/js/bootbox3/bootbox.min.js"></script>
    <script src="../Scripts/modernizr-2.6.2.min.js"></script>
    <script src="../Scripts/ryder/scripts.js"></script>
    <script src="../Scripts/ryder/hidden-navs.js"></script>
    <script src="../Scripts/ryder/telerik-controls.js"></script>
    <script src="../Scripts/grid.locale-en.min.js"></script>
    <script src="../Content/assets/js/ace-extra.min.js"></script>

    <%--<script src="Scripts/jquery.jqGrid.min.js"></script>--%>
    <script src="../Content/lib/assets/js/jquery.jqGrid.min.js"></script>
    <script src="../Scripts/json2.min.js"></script>
    <script src="../Content/lib/assets/js/bootstrap-datepicker.min.js"></script>

    <script src="../Scripts/Common.js"></script>
    <script src="../Scripts/DataServices/StopPenalize.js"></script>
    <script src="../Scripts/DataServices/CreditSourceDocs.js"></script>

Answer 1

我认为你错过了/ fonts的链接，你也试过在antoher explorer中测试它吗？

Answer 2

下载引导程序时，您还应该下载名为fonts的文件夹。你必须错过这一点，因为这就解决了我的页面问题。文件夹'fonts'应位于页面的主目录中。我希望这能解决你的问题。

Bootstrap 3中的Glyphicons不起作用

有人可以让我知道我可能会缺少什么吗？

2 个答案: