twitter-bootstrap Bootstrap 字形图标未显示

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/29640263/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 22:32:15  来源:igfitidea点击:

Bootstrap glyphicon icon not showing

csstwitter-bootstrapicons

提问by user21

The glyphicon icon on all buttons - bootstrap does not show up in safari or chrom

所有按钮上的字形图标 - bootstrap 不显示在 safari 或 chrom 中

I couldn't fix it. Please help!

我无法修复它。请帮忙!

<link href="css/bootstrap.min.css" rel="stylesheet">

<a class="btn btn-primary" href="ClockProject/index.html" 
  target="_blank">View Project 
  <span class="glyphicon glyphicon-chevron-right"></span>
</a>

回答by Aaron Vanston

Have you made sure the fonts have been included in the project? Viewing the console for your site, you have errors in which it failed to load the glyphicons (font pack).

你确定字体已经包含在项目中了吗?查看您站点的控制台时,您遇到了无法加载字形(字体包)的错误。

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2