Question

所以我开始在我的Angular项目中使用MDL，该项目大部分工作正常，但MDL图标在那里不起作用......

我正在使用它们<i class="material-icons">share</i>，浏览器只是写了＃34;分享＆＃34;作为普通字体，而不是像它应该做的图标。我已经包含了mdl css和js，并且还包含了angular-material-design-lite软件包。

Answer 1

您必须确保所有字体资源（.woff，.svg，.tff等）都已正确安装，css表中的font-face也会在正确的路径中引用。

Answer 2

好像我只需要通过bower安装字体：bower install material-design-icons --save并将其添加到我的css中：

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

在Angular中使用时缺少Material Design Lite图标

2 个答案: