Html 材质图标连接不适用于Pug

我正在使用哈巴狗和棱角材料来完成我的一个项目。由于它将使用材质设计样式，因此需要材质图标。它应该是这样工作的：

chevron_左

但由于某些原因，“图标”只是显示为斜体文本。（文本为“V形左”或其他形式）

这是我的导航帕格：

nav
    md-toolbar(class="md-whiteframe-z1")
        div(class="md-toolbar-tools")
            md-button(class="md-icon-button" aria-label="Menu" ng-hide="user.logged==false")
                i(class="material_icons") menu
            md-button(class="md-icon-button" aria-label="Menu" ng-hide="user.logged==true")
                i(class="material-icons") chevron_left

            h2(md-truncate flex) login

            md-button(class="md-icon-button" aria-label="More")
                i(class="material_icons") more_vert

下面是它如何输出带有图标的行：

菜单

在这种混乱中，奇怪的是，如果我将

user.logged

切换到

false

它不仅将菜单和更多图标显示为斜体文本，而且将

V形右

正确地显示为图标

---

如果有什么不清楚的地方，或者之前有人问过，我很抱歉。我没有找到任何有用的答案。在我使用哈巴狗之前它确实有效

我已经找到了解决方法。因为我似乎无法让它以这种方式工作，所以我使用了带有SVG路径的

md图标。我刚从下载了SVG文件，并将它们放在一个文件夹中，然后使用以下HTML：

<md-icon md-svg-src="icons/android.svg" aria-label="android "></md-icon>

这似乎奏效了。希望有一天它能帮助别人。只是不要依赖连字，因为它可能并不总是有效（主要用于IE浏览器）

当我开始使用mdIconProvider时，我可能会更新此答案以帮助更多的人
我也有同样的问题，但我发现我忘了添加谷歌字体图标的链接

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">



<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">