Glyphicon圖標(biāo)無法顯示問題?
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"> ????<meta?http-equiv="X-UA-Compatible"?content="IE=edge"> ????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> ????<title>表單</title> ????<link?href="../css/3.1.1/bootstrap.css"?rel="stylesheet"?/> </head>
文件地址肯定沒有錯,但是瀏覽器中顯示不出icon:
以下是用于實現(xiàn)的代碼:
????????????<form?role="form"> ????????????????<div?class="form-group?has-warning?has-feedback"> ????????????????????<label?class="control-label"?for="inputWarning2">警告狀態(tài)</label> ????????????????????<input?type="text"?class="form-control"?id="inputWarning2"?placeholder="警告狀態(tài)"> ????????????????????<span?class="glyphicon?glyphicon-warning-sign?form-control-feedback"></span> ????????????????</div> ????????????????<div?class="form-group?has-error?has-feedback"> ????????????????????<label?class="control-label?has-error?has-feedback"?for="inputError2">錯誤狀態(tài)</label> ????????????????????<input?type="text"?class="form-control"?id="inputError2"?placeholder="錯誤狀態(tài)"> ????????????????????<span?class="glyphicon?glyphicon-remove?form-control-feedback"></span> ????????????????</div> ????????????????<div?class="form-group?has-success?has-feedback"> ????????????????????<label?class="control-label?has-success?has-feedback"?for="inputSuccess2">成功狀態(tài)</label> ????????????????????<input?type="text"?class="form-control"?id="inputSuccess2"?placeholder="成功狀態(tài)"> ????????????????????<span?class="glyphicon?glyphicon-ok?form-control-feedback"></span> ????????????????</div> ????????????</form>
在學(xué)到了icon這一節(jié)時,又遇到了新的問題
<span?class="glyphicon?glyphicon-search"></span> <span?class="glyphicon?glyphicon-arrow-right"></span> <span?class="glyphicon?glyphicon-plus"></span> <span?class="glyphicon?glyphicon-cloud"></span>
,只正常顯示了號plus和云圖標(biāo)cloud,如下圖
這要怎么解決??
2015-01-26
你的文件中有fonts文件夾嗎。
2018-01-17
最簡單解決方案,希望能幫助后人:
????????打開bootstrap.css源碼,搜索“@font-face”按照里面src的要求存放相關(guān)文件,或者改下路徑即可
2015-10-21
我也遇到了相同的問題,請問如何解決的呢@cz稻草人
2015-05-15
我也遇到這個問題
font文件無法被跨域調(diào)用
解決方法:將本地bootstrap3中的fonts文件(里面有g(shù)lyphicons-halflings-regular)放到css同級,就是你的“STATIC/bootstrap3/”下
2015-04-07
我的圖標(biāo)也沒有引用出來,跨域問題怎么解決?
2015-01-27
出現(xiàn)這樣的問題有兩個原因,第一個原因是字符編碼存在問題,第二個問題是跨域問題。在使用font-face制作圖片的時候,最大要考慮的就是跨域引起顯示問題。如你上圖所示的樣子。
2015-01-26
??????????
現(xiàn)在學(xué)到了icon這一節(jié)又遇到了新的問題,只正常顯示了號plus和云圖標(biāo)cloud,這要怎么解決?? ??