【问题标题】：How can I get my Material Design Icon Fonts to display properly?如何让我的 Material Design 图标字体正确显示？
【发布时间】：2015-08-20 11:36:21
【问题描述】：

我正在努力弄清楚我的图标没有显示。

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

<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>

【问题讨论】：

您是否在项目文件夹中包含了标志性字体包？
我更新了我的帖子，向大家展示了我文件夹中的所有内容。
什么是字体包？我如何获得它？
您确定material/vendors/material-icons/material-design-iconic-font.min.css 是material-design-iconic-font.min.css 文件相对于html 文件所在位置的正确路径吗？
是的。我确定。感谢您的检查。任何其他建议 - 你可能有？

标签： html css icons material-design

【解决方案1】：

您的 css 文件链接似乎不正确。

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

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

【讨论】：