其實不需要下面這麼麻煩,只要建造一個fonts資料夾放在和js,css檔案同級目錄下,就可以正確引用。
關鍵是下面這幾個檔案得有:(推薦學習:Bootstrap影片教學)
glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff
相關的CSS 規則寫在 dist 資料夾內的css 資料夾內的 bootstrap.css 和 bootstrap-min.css 檔案上。
字體檔案的路徑請靈活改變
<style type="text/css"> @font-face { font-family: 'Glyphicons Halflings'; src: url('font/glyphicons-halflings-regular.eot'); src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('font/glyphicons-halflings-regular.woff') format('woff'), url('font/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } </style>
所以 font-face 規則實際上是在找到 glyphicons 地方宣告 font-family 和位置。
更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!
以上是bootstrap中fonts怎麼引用的詳細內容。更多資訊請關注PHP中文網其他相關文章!