我在Bootstrap中使用Glyphicons。我是直接从http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css调用CSS的,但现在它已经消失了,不推荐这样做。
这显然与Twitter再次在Bootstrap包中提供Glyphicons不谋而合。我使用的是Bootstrap 3.0.0 RC1或RC2。
我的问题:我不知道如何在我自己的主机中使用图标……在我看来,代码包含在bootstrap.css (?)中。我已经上传了“字体”目录,但只得到空白,空框图标,那里应该有适当的图标。
有什么想法吗?什么应该在哪里,应该如何调用它?
发布于 2013-09-09 19:52:07
bootstrap-glyphicons.css
文件似乎已从最终的\production Bootstrap 3.0.0版本中删除。只需从http://getbootstrap.com/下载压缩包,然后将dist/css/bootstrap.min.css
文件复制到您的css文件夹中。然后,您应该将其包含在HTML页面中:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Glyphicons</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS file -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Glyphicon in a H1 tag -->
<h1>Hello, <span class="glyphicon glyphicon-globe"></span> !</h1>
</body>
</html>
发布于 2013-08-19 17:28:22
如果你已经放入字体目录,现在调用图标将是<span class="glyphicon glyphicon-pencil"></span>
而不是<i class="icon-large icon-pencil"></i>
。
发布于 2014-07-05 22:18:03
只需确保您的fonts文件夹相对于.css文件的位置正确:../fonts
some-root-folder
├--my-css-folder
| └--bootstrap.min.css
└--fonts
└--glyphicons-halflings-regular.ttf
https://stackoverflow.com/questions/18310104
复制相似问题