具有虛擬主機的Bootstrap glyphicons

Question

我正在努力讓glyphicons與我的本地項目glyphicons工作！

我創建了一個名為backend.mvc的虛擬主機

現在，當我嘗試使用glyphicons我收到以下錯誤：

"NetworkError: 404 Not Found - http://backend.mvc/site/resources/css/fonts/glyphicons-halflings-regular.woff"
    glyphi...ar.woff
    "NetworkError: 404 Not Found - http://backend.mvc/site/resources/css/fonts/glyphicons-halflings-regular.ttf"

但是路徑存在於http://的execpt所以我的問題是如何避免這種情況並使字形工作？

編輯

我添加了以下內容：

    <link type="application/font-woff">
    <link type="application/vnd.ms-fontobject">
    <link type="application/x-font-ttf">
    <link type="font/opentype">

然而，這沒有做任何事:(

更新

使用apache

另請注意，這是針對網絡而非移動設備！

Answer 1

如果您完全確定它們不在錯誤的位置，那么在提供Web字體時遇到的最常見原因是服務器未配置為提供正確的mime-鍵入文件。

根據HTML5樣板，這些是在提供Web字體時應該使用的mime類型：

woff： application/font-woff

eot： application/vnd.ms-fontobject

ttf＆ttc： application/x-font-ttf

otf： font/opentype opentype

Answer 2

fonts目錄默認情況下應該與css目錄在同一個目錄中，而不是在css子目錄中。還要檢查bootstrap.css中的路徑