如何让符号图标在twitter-bootstrap中工作？

Question

我已经在本地存储了引导程序文件：

<link rel="stylesheet" href="/bootstrap/3.2.0/css/bootstrap.min.css">

和

<script src="/bootstrap/3.2.0/js/bootstrap.min.js"></script>

但是当我这样做的时候：

<span class="glyphicon glyphicon-print" aria-hidden="true"></span>

我得到一个小方块字符，比如当客户端没有正确的字体时显示出来。我在here上看到有单独的CSS，但是链接断了。有什么办法解决这个问题吗？

Answer 1

找到了：

需要在本地创建：

/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg

我是从这里获取的：

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg

Answer 2

这是Jonathan，在bootstrap下载中，您应该具有以下文件结构(除非您选择不将字形图标作为组件下载)

bootstrap css -> bootstrap.css，bootstrap.css.map，引导，bootstrap.min.css，引导主题.css，引导主题.css.map，引导主题.min.css，引导主题.min.css

字体->字形图标-halflings-Regular.eot，字形图标-halflings-Regular.svg，字形图标-halflings-Regular.ttf，字形图标-halflings-Regular.woff，字形图标-halflings-Regular.woff2

js -> bootstrap.js，bootstrap.min.js，npm.js

如果你没有，我建议你去http://getbootstrap.com/getting-started/#download下载这个包。将其链接到您自己的文件夹中很容易。只需将Bootstrap CSS文件夹重命名为'Bootstrap‘，然后将其拖动到您文件中的CSS文件夹(您可以直接获取文件，但将文件夹设置为CSS/Bootstrap/bootstrapCSSfiles只会使其更有条理。对JS和Fonts再做一次，你就都准备好了。

好运花蕾:D

Answer 3

它工作起来没有任何问题。

<span class="glyphicon glyphicon-print" aria-hidden="true"></span>

http://jsfiddle.net/3v1tyL61/