离线使用 css 时，glyphicon 向上箭头不起作用答案

【问题标题】：glyphicon arrow up is not working when used offline css离线使用 css 时，glyphicon 向上箭头不起作用
【发布时间】：2017-08-22 06:31:57
【问题描述】：

我正在使用 Bootstrap 使用向上箭头字形图标。当我在 HTML 中应用下载的 css 时它不起作用，但如果在网上使用完整的 HTTP css 路径它可以工作。下面是我的代码，告诉我我的代码哪里有问题，它是否依赖于浏览器版本？如果我使用https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css。这个完整的路径它可以工作。但我需要离线添加。

 <!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<body>
<div class="w3-container">
  <button class="w3-button w3-xlarge w3-circle w3-red w3-card-4"> <span class="glyphicon">&#xe093;</span></button>
</div>
</body>
</html>

【问题讨论】：

您当前的引导链接只有在您的 html 文件位于顶级目录中时才有效。如果它在目录中，则需要在 Link 调用中声明。
你去吧：
我试过这个但它不起作用。我下载了 bootstrap.min.css 文件并放入目录并在 html 中调用该文件。但它不起作用。

标签： html css bootstrap-4

【解决方案1】：

替换这个 <span class="glyphicon">&#xe093;</span>

与

<span class="glyphicon glyphicon-arrow-up"></span>

更多信息： https://getbootstrap.com/docs/3.3/components/

【讨论】：

虽然这是绝对正确的（它适用于我的 glyphicon-arrow-down、-left 和 -right）我只能同意@vishwa 的说法，即向上箭头有些错误，只是没有出现。我也在使用 3.3.7。

【解决方案2】：

知道了！好吧，至少如果您在浏览器中使用 µBlock 插件。

对我来说，在“Prepared Filters”页面（或任何英文名称）上检查“忽略通用化妆品过滤器”选项（或任何英文名称）时，它起作用了。

我试图找出此功能的来源，以查看该装饰过滤器的工作原理，但找不到。我的意思是，如果带有字形图标的元素的编码方式不同，那么可能有一种方法可以解决该装饰性过滤器。

【讨论】：