让bootstrap glyphicons工作

时间:2017-10-06 14:28:20

标签: css twitter-bootstrap

我已将bootstrap.css添加到我的html文档中。现在我一直试图显示glyphicons,但它们根本就没有显示出来。有人可以帮忙吗?

我试过

<i class="glyphicon glyphicon-align-justify"></i>

和这个

<i class="glyphicon glyphicon-align-justify">&#xe055;</i>

也尝试了

页面上没有显示任何内容

1 个答案:

答案 0 :(得分:0)

  • 确保您还下载了字体文件夹..
  • 您在bootstraps.css中
  • 搜索此类

    @ 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');
    

    }

  • 确保文件的路线正确,否则您可以更改它。