2015-06-05 42 views
0

我努力想辦法弄清楚我的圖標沒有顯示。如何讓我的Material Design圖標字體正確顯示?

我有這樣的

<link href="material/vendors/material-icons/material-design-iconic-font.min.css" rel="stylesheet"> 

的路徑呢?這是我的結果

enter image description here

這是我希望達到的

enter image description here

這是我的一切Ÿ文件夾

enter image description here

有人能告訴我我怎麼錯在這裏做什麼?


更新

HTML

<ul class="main-menu"> 
    <li class="active"><a href="/"><i class="md md-home"></i> Home</a></li> 
    <li><a href="/web-directory"><i class="md md-format-underline"></i> Web Directory </a></li> 
</ul> 
+1

是否在項目文件夾中包含了標誌性字體包? – Mark

+0

我更新了我的帖子,向您展示了我的文件夾中的所有內容。 –

+0

什麼是font-package?我如何得到它? –

回答

1

它看起來像你的鏈接到css文件是不正確的。

嘗試使用一個完整的URL到你的CSS文件:
<link href="www.yoursite.com/material/vendors/material-icons/material-design-iconic-font.min.css" rel="stylesheet">
並確保網址是正確的在瀏覽器中打開它。

此外,您需要檢查您的字體版本,因爲自2.0發佈以來,在css類的名稱中有some changes