Question

我不知道为什么，但我的Bootstrap（3.3.7）中的字形缺失了，它们被正常而丑陋的方格所取代。以下是调用缺少的glyphicon的代码示例：

        <button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
        </button>

这里是Bootstrap部分包含glyphicon的字体：

 @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

Answer 1

您需要更新它，使用cdn链接，将其添加到您的代码

 <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Answer 2

您需要在此链接http://getbootstrap.com.br/getting-started/#download下载Bootstrap，下载后需要将字体放入项目中。在新版本中，在Bootstrap包中没有字体，但您可以在旧版本中下载。

Bootstrap glyphicons缺失

2 个答案: