引导图标未显示答案

【问题标题】：Bootstrap icon is not displaying引导图标未显示
【发布时间】：2014-12-14 06:24:53
【问题描述】：

<span class="glyphicon glyphicon-calendar"></span>

这是我的代码。我想添加日期图标，但它没有显示。它显示某种默认图标，例如带有文本 EIo9 的矩形。我正在使用最新的引导链接

【问题讨论】：

你的代码在哪里？似乎字体文件没有完美加载？您是使用 CDN 还是在本地选择文件？
如果进入开发者控制台，有没有报错？
"NetworkError: 404 Not Found - localhost:59197/Content/fonts/glyphicons-halflings-regular.woff" glyphic...ar.woff "NetworkError: 404 Not Found - localhost:59197/Content/fonts/glyphicons-halflings-regular.ttf"

标签： css twitter-bootstrap icons

【解决方案1】：

如果您将此链接添加到您的页面，那么它应该可以工作。

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

【讨论】：

【解决方案2】：

确保您的资产目录位置正确？比如css,images 和fonts 即

【讨论】：

【解决方案3】：

您只需要以正确的方式包含引导 css 文件。

您可以从 localhost 或 CDN 获取它，因此代码将是：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<span class="glyphicon glyphicon-calendar"></span>

Here's the working example。祝你好运！

【讨论】：