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

I'm using Twitter Bootstrap V3.3.4 and this generated theme. Without the theme, the page loads fine, but when I link to the new theme (below the bootstrap link) the background color changes and the text color changes, but the divs and nav don't change color and I get errors for importing the TTF, WOFF and WOFF2 glyphicon packs. i've also tried manually linking to those above bootstrap to no avail. Thanks!

我正在使用Twitter Bootstrap V3.3.4和这个生成的主题。没有主题,页面加载正常,但当我链接到新主题(在引导链接下面)时,背景颜色发生变化,文本颜色也会发生变化,但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

2 个解决方案

#1

Inside of the CSS there is going to be one IMPORT.. something like this

在CSS里面会有一个IMPORT ......就像这样

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

Or something like this

或类似的东西

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

This lines are trying to get the following on your website. make sure to have these files in the correspondent folder

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

2 个解决方案

#1

更多相关文章

随机推荐