Question

我正在使用Twitter Bootstrap V3.3.4和this生成的主题。如果没有主题，页面加载正常，但是当我链接到新主题（在引导链接下面）时，背景颜色会发生变化，文本颜色会发生变化，但div和nav不会改变颜色，导致导入错误TTF，WOFF和WOFF2 glyphicon包。我也尝试手动链接到上面的引导程序无济于事。谢谢！

<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

Answer 1

在CSS内部将会有一个IMPORT ......就像这样

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

或类似的东西

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

此行正在尝试在您的网站上获取以下内容。确保将这些文件放在对应的文件夹中

Answer 2

我有类似的问题

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

 .woff  application/x-woff

我将此答案用于Reference

GET错误Glyphicon-halflings-regular.ttf / woff / woff2与来自Lavish的自定义Twitter Bootstrap主题

2 个答案: