GET error Glyphicon-halflings-regular.ttf/woff/woff2 with custom Twitter Bootstrap theme from Lavish

GET error Glyphicon-halflings-regular.ttf/woff/woff2 with custom Twitter Bootstrap theme from Lavish

我正在使用 Twitter Bootstrap V3.3.4 和 this 生成的主题。没有主题,页面加载正常,但是当我 link 到新主题时(在 bootstrap link 下方)背景颜色改变并且文本颜色改变,但是 div 和 nav不改变颜色,导入 TTF、WOFF 和 WOFF2 字形图标包时出现错误。我也尝试手动 linking 到 bootstrap 以上的那些,但无济于事。谢谢!

<head>
<title>Leonardo in Italy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="stylesheets/subPages.css">
<link rel="stylesheet" type="text/css"   href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="lavish-bootstrap.css">
</head>
<body ng-controller="subPagesController">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/app.js"></script>

<div class="navbar navbar-default navbar-fixed-top">
    <div class="container">

        <a class="navbar-brand" href="index.html"><span class="glyphicon glyphicon-home"></span></a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navCollapseHeader">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navCollapseHeader">

            <ul class="nav navbar-nav navbar-right">
                <li><a href="{{ subPages[0].link }}" role="button" aria-haspopup="true" aria-expanded="false">{{ subPages[0].name }}</a></li>
                <li><a href="{{ subPages[1].link }}" role="button" aria-haspopup="true" aria-expanded="false">{{ subPages[1].name }}</a></li>

                <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Exploring Leonardo<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="AIS.html">Artist, Inventor, Scientist</a></li>
                        <li><a href="exploring.html">Leo's Projects</a></li>
                    </ul>
                </li>

            </ul>

        </div>

    </div>
</div>
</body

在 CSS 里面会有一个 IMPORT.. 像这样的东西

@import "../fonts/fontello/css/fontello.css";

或者像这样的东西

src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");

这几行试图在您的网站上获得以下内容。 确保将这些文件放在对应的文件夹中

我遇到了类似的问题

我修复了在 IIS 上添加 MIME 类型的问题:

 .woff  application/x-woff

我将此答案用于 Reference