如何使glyphicons在twitter-bootstrap中工作?

问题描述

我已经在本地存储了引导文件:

I've got bootstrap files stored locally:

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

我得到一个小的方形字符，例如当客户端没有正确的字体时显示的字符.我在此处中看到，有单独的CSS，但是链接是破碎的.有什么想法可以解决这个问题吗?

I get a little square character such as is displayed when the client doesn't have the proper font. I read here that there's separate CSS, but the link is broken. Any ideas how to resolve this?

推荐答案

找到了它:

需要在本地创建:

/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

我从这里获得的

which I sourced from here:

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

这篇关于如何使glyphicons在twitter-bootstrap中工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！