html - 字形不显示但同事有相同的代码

标签 html css glyphicons

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

<!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>

最佳答案

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

<!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>

关于html - 字形不显示但同事有相同的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52328459/

相关文章:

php - 有没有办法在不知道名字的情况下找出 POST 变量?

jquery - 从特定元素开始获取 html 值

php - 使用 PHP 显示图像资源

html - 你如何保持页面之间的缩放一致?通过 CSS?

javascript - 最大高度/行和设置滚动

css - Bootstrap 按钮处于事件状态且目标样式不起作用

css - 使用 Bootstrap Glyphicons

javascript - HTML 中鼠标跟随的动画图像蒙版

javascript - 我如何让我的 Accordion 打开 & glyphicon 在点击时旋转并在重新点击时反转

twitter-bootstrap - Bootstrap 日历字形未正确显示