[CSS] glyphicons-halflings-regular not found

最近MH在寫網頁，會用到側邊滑出選單(sliding side navigation menu)的功能，從網路上隨便找個open source來改，又因為該網頁之後的使用環境是沒網路的，很多從其他Cloud CDN 載入或引用的檔案都必須放到本地端，其中有個 bootstrap 的 css 也是將檔案抓下來後改成相對位置，該程式碼如下

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"></link>

改成

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

但卻發生側邊滑出特效失效的問題，看一下 Chrome 的 web developer tool 可以發現 glyphicons-halflings-regular.woff2、glyphicons-halflings-regular.woff 與 glyphicons-halflings-regular.ttf 找不到



去看 bootstrap.min.css 可以知道跟 css 檔相對位置的 font 檔案也要放到本地端

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)

將三個檔案放到 fonts 資料夾(跟 css 資料夾同一層)內就能解決了