0

注意：Font Awesome 也在使用中

我正在使用导航栏左上角网站品牌中设置的字形图标 - 显示“镇上最好的城堡”的文字。问题似乎是字形图标的网络字体没有加载。相反，一个小方块是可见的，塔图标应该在它的位置。塔图标应使用页面上的以下标记呈现：

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

http://www.bestcastlesintown.co.uk/prototype/test3.php#.UneSnRDylCj

我相信 stylesheet.css 中的 CSS 对于字形图标的使用是正确的：

@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

任何人都可以帮助解决这个问题吗？

4

3 回答 3

2 
<span class="glyphicon glyphicon-tower"></span>

这是使用 bootstrap 3.0.0插入字形图标的正确方法，但您使用的是 bootstrap 2.3.2

bootstrap 2中的正确方法是：

<i class="icon-tower"></i>

正如 zessx 所说，这个图标在 bootstrap 2.3.2中不可用。

于 2013-11-04T12:49:55.883 回答
1

glyphicontower来自 1.8 Glyphicon 版本，在 Bootstrap 2.3.2 中不可用。

您可以查看文档以查看 Bootstrap 2.3.2 可用的字形，并查看没有tower字形图标。

于 2013-11-04T12:43:08.657 回答
0

我有同样的问题。下载整个Bootstrap 3 文件夹并将字体文件替换为当前文件。我发现自定义下载中的字体文件由于某种原因已损坏。

http://getbootstrap.com/

于 2013-11-04T13:12:29.663 回答