Question

我有一个用bootstrap制作的滑块。问题是glyphicon图标在本地服务器中正确加载，但未在实时服务器中加载。

<div id="carousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner">
        <div class="item active">
            <img src="<?php echo base_url('img/slide1.jpg'); ?>" alt="">
        </div>

        <div class="item">
            <img src="<?php echo base_url('img/slide2.jpg'); ?>" alt="">
        </div>

        <div class="item">
            <img src="<?php echo base_url('img/slide3.jpg'); ?>" alt="">
        </div>
    </div>

    <a class="left carousel-control" href="#carousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

Answer 1

您最有可能在本地主机和生产中使用不同的网站版本。要么您忘记上传字体目录或任何其他引导组件，要么您有两个环境的不同引导版本。

Answer 2

手动导航到生产服务器上的所有4个字体文件，看看会发生什么......你得到404还是下载文件？在我自己的服务器上，在FireFox中，我得到了除.svg之外的每个文件的下载提示。 .svg直接打开（但是空白页，不是错误）。

接下来，相对于CSS文件，它们在哪里？除非您手动修改了路径，相对于浏览器中加载的CSS文件，您的字体文件应该在一个目录中，然后在fonts文件夹（../fonts/font-file.ext）中。您的生产服务器是否有任何类型的自动编译/缩小工具，您从其原始来源以外的位置加载文件？

毋庸置疑，如果没有实际违规位置的路径，我就无法根据您的HTML进行调试。

Glyphicon图标在本地加载但不在实时加载

2 个答案: