我不知道为什么,但是我在Bootstrap(3.3.7)中得到的字形丢失了,它们被一个普通的丑陋的正方形所代替。下面是一个调用丢失字形的代码示例:
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>
这里是包含字形图标字体的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');
}
3条答案
按热度按时间ncecgwcz1#
你需要更新它,使用cdn链接,添加到你的代码
kuhbmx9i2#
您需要在此链接https://getbootstrap.com/docs/4.5/getting-started/download/下载Bootstrap,下载后您需要把字体在您的项目中.在新版本中没有字体在Bootstrap包,但您可以在旧版本中下载.
tjjdgumg3#
当我添加缓存时,同样的事情也发生在我身上。
当您移除或注解掉这些行时,图像图标会再次显示。