材料设计精简版的图标在角

问题描述：

使用时失踪于是我开始用我的MDL角项目，作品大都罚款内，但MDL图标只是没有在那里工作......材料设计精简版的图标在角

我使用他们像这样<i class="material-icons">share</i>和浏览器只是写作“共享”作为正常的字体，而不是像它应该这样做的图标。我已经包含了mdl css和js，并且还包含了angular-material-design-lite软件包。

答

好像我不得不通过凉亭安装字体：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; 
}

答

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

材料设计精简版的图标在角

相关推荐