bootstrap 字体图标不显示

2015-04-06 15:25:36 +08:00
 heturn
<button type="button" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button>

在bootstrap官网上面复制一段代码到本地,这段代码完全和官网上的代码一样,然后在浏览器里打开,发现字体图标不显示。bootstrap.min.css也导入了。百度查了半天,很少遇到我这种问题的。百思不得姐,新手刚学bootstrap,求教了。
12951 次点击
所在节点    问与答
10 条回复
babyname
2015-04-06 16:17:14 +08:00
glyphicon 相关字体和css呢?可以用chrome调试下
mnsw
2015-04-06 16:19:23 +08:00
你有把CSS引入到HTML文件吗?
heturn
2015-04-06 16:23:49 +08:00
@mnsw 引入了 <link rel="stylesheet" href="bootstrap.min.css">
mnsw
2015-04-06 16:29:21 +08:00
@heturn 你还差了一个type="text/css"
heturn
2015-04-06 16:32:33 +08:00
@mnsw 加上了之后,还是没显示图标。
Havee
2015-04-06 17:13:16 +08:00
开下调试器不就清楚了
learnshare
2015-04-06 17:16:49 +08:00
光有一个 CSS 是不行的,必须把相关字体放到项目中,目录关系参考: http://getbootstrap.com/getting-started/index.html#whats-included-precompiled
wildplant
2015-04-06 17:29:21 +08:00
缺 fonts 文件夹
heturn
2015-04-06 17:32:01 +08:00
@learnshare 多谢,按着你说的方法,问题已经解决了。1,css要引入。2,字体也要加到项目中。3,,最后再在bootstrap源码中把路径改一下。谢谢。
heturn
2015-04-06 17:32:45 +08:00
@wildplant 是的,加上后,问题就解决了,谢谢啦~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/181887

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX