如何才能正确显示我的Material Design图标字体？

Question

我挣扎着试图弄明白我的图标没有显示出来。

我已经像这样包含了它的路径

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

这是我的结果

这就是我希望实现的目标

这是我文件夹中的所有内容

有人可以告诉我，我在这里做错了什么吗？

更新

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>

Answer 1

看起来你的css文件链接不正确。

尝试使用完整的网址到您的css文件：
<link href="www.yoursite.com/material/vendors/material-icons/material-design-iconic-font.min.css" rel="stylesheet">
并通过在浏览器中打开它来确保网址是正确的。

此外，您需要检查字体版本，因为自2.0发布以来，css类的名称中有some changes。