因為自己的項目里面沒有這個字體的包,所以在用的時候會報這個錯誤。
看了好幾個關於Bootstrap glyphicons-halflings-regular.woff2 Not found,的博主寫的,他們都沒有具體的細節。
首先,出現這個問題的原因是,沒有將具體的包引用完整
直接看我遇到的問題吧,我要使用這個包,直接連接是可以的,
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
我下載到本地后是這樣的
<link rel="stylesheet" href="css/bootstrap.min.css">
這個時候就出現問題了,我的解決辦法是,根據它所提示的缺少的文件,去下載
提示中一般會提示缺少
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
glyphicons-halflings-regular.woff2
1, 這個時候你可以直接去下載文件
網址
http://cdn.bootcss.com/bootstrap/3.3.6/fonts/這里加上你所缺少的文件就可以下載了
比如,你缺少
glyphicons-halflings-regular.woff2
網址就是http://cdn.bootcss.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff22,
2, 我的建議是你將它直接下載到和bootstrap.min.css同目錄里面,這樣方便你后期的地址更改
3,然后在你下載到本地里面的bootstrap.min.css中 使用Ctrl+f鍵查找
fonts/glyphicons-halflings-regular.woff2
4,然后你會看到它的地址是
src:url(../fonts/glyphicons-halflings-regular.woff2)
你將相應的地址改到位,因為你下載的glyphicons-halflings-regular.woff2,是和bootstrap.min.css在同一目錄下面的,這樣你就可以直接這樣應用
src:url(glyphicons-halflings-regular.woff2)
這樣重復1 2 3 4 步直到你瀏覽器中沒有了這樣的錯誤提示為止。
這樣問題基本可以解決了。
原文:https://blog.csdn.net/WWW_share8/article/details/79792902