首頁(yè) 猿問(wèn) bootstrap3的Glyphi...

bootstrap3的Glyphicons 圖標(biāo)無(wú)法顯示怎么解決

Bootstrap

慕田峪4524236 2019-05-13 08:08:51

查看完整描述

2 回答

MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

在頁(yè)面上要使用你定義的字體，否則不會(huì)生效
@font-face {
font-family: 'Glyphicons Halflings';
}
定義字體為：Glyphicons Halflings 重點(diǎn)是要在頁(yè)面定義這個(gè)字體！不然不會(huì)顯示！

要引用該字體
* {
font-family:"Glyphicons Halflings", "Microsoft YaHei" ! important;
}

反對(duì) 回復(fù) 2019-05-14

不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

您好，這樣的：
1、需要在/img/路徑下有g(shù)lyphicons-halflings.png與glyphicons-halflings-white.png這兩個(gè)文件。
2、bootstrap 下有個(gè)img 文件夾。你的資源文件里面沒(méi)有img目錄。里面有兩張 icon的圖片,copy---Bootstrap 下面的img目錄過(guò)來(lái)就Ok 了。
3、首先要導(dǎo)入 bootstrap的css及js 然后<span class="glyphicon glyphicon-search"></span>。