为什么bootstrap图标无法显示-木庄网络博客

本文摘自PHP中文网，作者(*-*)浩，侵删。

如果不注意bootstrap引入css和fonts的规范，则可能会导致bootstrap在显示glyphicon图标时无法正常显示，显示为方框。

发现不能显示之后我使用了goole cdn上的地址引入bootstrap文件，发现可以正常显示。所以问题应该出现在引入文件这里。
ctrl+左键进入glyphyicon，发现实现的代码是这样的：（推荐学习：Bootstrap视频教程）

@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.woff2') format('woff2'), 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';
 font-style: normal;
 font-weight: normal;
 line-height: 1;
  
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}