时间戳

首页 > 解决方案 > 字形图标未显示，但同事的代码相同

html - 字形图标未显示，但同事的代码相同

问题描述

我的同事向我发送了这个确切的代码，并且在他的页面上确实显示了图标。在我的页面上他们没有。但这很奇怪，因为它的代码相同。

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet"  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>
  <span class="glyphicon glyphicon-home"></span>
</body>

</html>

标签： htmlcssglyphicons

解决方案

您当前的代码有一些无效的空白字符，请尝试直接从站点替换（复制粘贴）以避免此类错误。

<!DOCTYPE html>
<html>

<head>
  <!-- <link rel="stylesheet"  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>
  <!-- won't work -->
  <span class="glyphicon glyphicon-home"></span>
    <span class="glyphicon glyphicon-envelope"></span>
    <!-- works fine -->
    <span class="glyphicon glyphicon-home"></span>
</body>

</html>

推荐阅读