Bootstrap不包括任何glyphicons

第一次使用bootstrap。我在我的bower.json文件中向我的依賴添加了「bootstrap」：「3.3.7」，它添加到我的wwwroot/lib文件夾中，但我知道它應該在bootstrap目錄中包含一個字體文件夾，但它不在那裏。我嘗試從他們的網站下載bootstrap.zip文件，解壓縮該文件，然後將包含在該下載中的字體文件夾添加到我的引導目錄中，但它仍然不起作用。我試着在bootstrap.css文件中查找@ font-face for glyphicons，但沒有。我只是學習如何在ASP.Net Core應用程序中實現所有功能，所以我對這些技術很陌生。Bootstrap不包括任何glyphicons

來源

2017-01-07 Noah Hornak

使用chrome調試器或任何瀏覽器調試程序，查看網絡流量並查看它是否請求字體以及是否能夠找到它。這會給你一個想法。 – CodingYoshi

好吧，所以我做了這個，當我看到元素，並去網絡和字體，沒有什麼 –

什麼意思，什麼都沒有？在網絡選項卡上，您需要刷新頁面並查看瀏覽器是否發送了獲取字體的請求，並查看對該請求的響應是什麼。 – CodingYoshi

我認爲@font-face定義在fontawesome。此外，除非您至少有一個使用該字體的html元素，否則不會被要求。所以你需要在樣式規則中使用字體（@ font-face不計數）。

因此，下載fontawesome，然後添加一個元素到您的html然後字體將被要求。這樣的元素例如：

<span class="glyphicon glyphicon-asterisk"></span>

來源

2017-01-07 18:44:47 CodingYoshi

好吧，我下載了font-awesome並將其放入我的項目中，然後我將該鏈接添加到了我的.cshtml頁面上的font-awesome.css。我原本在標籤中有相同的元素，我將它改爲跨度，也沒有工作。還仍然沒有提出任何字體要求 –

+0

@NoahHornak，它仍然沒有工作？你可以更具體地瞭解什麼是不工作。 – CodingYoshi

+0

我編輯了我的評論。它只是沒有提出任何字體的請求。在font-awesome.css裏面，它有一個@ font-face，但是它不包含文檔中對glyphicons的任何引用，如果有幫助的話。 –

Bootstrap不包括任何glyphicons

回答

相關問題